YouTube Tutorial - TWA ( Trusted Web Activity ) with Next.js, Tailwind CSS and shadcn/ui

👋 Introduction

This is the repository for my YouTube tutorial on how to convert a Next.js, Tailwind CSS and shadcn/ui project to a TWA ( Trusted Web Activity ) in order to publish it on Google Play as an app.

You can use the button above to clone the repo and deploy it on Vercel simultaneously.

🥂 Features

• Next.js 14 App Router and React Server Components.
• TailwindCSS for utility-first CSS.
• UI built with Radix and stunning UI components, all thanks to shadcn/ui.
• PWA using Serwist.

🏃‍♂️ Getting Started Locally

Clone the repository.

git clone https://github.com/sesto-dev/next-shadcn-twa-starter

Navigate to each folder in the apps folder and and set the variables.

cp .env.example .env

Get all dependencies sorted.

bun install

then

bun run dev

Created by sesto-dev. Cheers! 🥂