https://github.com/sesto-dev/next-shadcn-twa-starter
Create a TWA "Trusted Web Activities" app using Next.js, Tailwind CSS and @shadcn that can be published on Google Play Store.
https://github.com/sesto-dev/next-shadcn-twa-starter
nextjs progressive-web-app pwa shadcn-ui tailwindcss trusted-web twa
Last synced: about 1 year ago
JSON representation
Create a TWA "Trusted Web Activities" app using Next.js, Tailwind CSS and @shadcn that can be published on Google Play Store.
- Host: GitHub
- URL: https://github.com/sesto-dev/next-shadcn-twa-starter
- Owner: sesto-dev
- Created: 2024-12-18T18:23:14.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-21T07:45:34.000Z (over 1 year ago)
- Last Synced: 2025-03-29T11:11:32.820Z (over 1 year ago)
- Topics: nextjs, progressive-web-app, pwa, shadcn-ui, tailwindcss, trusted-web, twa
- Language: TypeScript
- Homepage: https://next-shadcn-twa-starter.vercel.app
- Size: 1000 KB
- Stars: 8
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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.
## [](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fsesto-dev%2Fnext-shadcn-twa-starter)
You can use the button above to clone the repo and deploy it on Vercel simultaneously.
## 🥂 Features
- [x] [**Next.js 14**](https://nextjs.org) App Router and React Server Components.
- [x] [**TailwindCSS**](https://tailwindcss.com/) for utility-first CSS.
- [x] UI built with [**Radix**](https://www.radix-ui.com/) and stunning UI components, all thanks to [**shadcn/ui**](https://ui.shadcn.com/).
- [x] PWA using Serwist.
## 🏃♂️ Getting Started Locally
Clone the repository.
```bash
git clone https://github.com/sesto-dev/next-shadcn-twa-starter
```
Navigate to each folder in the `apps` folder and and set the variables.
```sh
cp .env.example .env
```
Get all dependencies sorted.
```sh
bun install
```
then
```sh
bun run dev
```
Created by [sesto-dev](https://github.com/sesto-dev). Cheers! 🥂