- 🚀 Next.js 13 with async components
- 💻 Data fetching examples in React server and client components. Suspenseful data fetching with minimal loading screens.
- ⚛️ React query setup configured
- 🔥 React Hot Toast component
- 💻 Fully typed with Typescript. Includes automatic type generation for Supabase tables
- 🎨 Tailwindcss
- 🧪 Unit testing and integration testing setups built-in
- 💚 Eslint, typescript, prettier, postcss configured for dev and test environments
- 📈 Automatic sitemap generation
- 🔍 SEO metadata, JSON-LD and Open Graph tags with NEXT SEO
- ✍️ Semantic release with Automatic changelog generation
- 🎨 Prettier Code formatter
- 💎 Minimal styling
- 📖 Codebase which is easy to read and modify
- Clone the repo
- Install dependencies with
yarn - Create a Supabase account if you don't have one already
- Create a new project in Supabase
- Link Supabase to your project using
yarn supabase link --project-ref <project-ref>. You can get your project ref from the Supabase Project dashboard (Project Settings -> API) - Duplicate
.env.local.exampleand rename it to.env.localand add the Project ref, Supabase URL and anon key. - Push the database schema to your Supabase project using
yarn supabase db push. - Generate types for your Supabase tables using
yarn generate:types:local. - Run
yarn devto start the development server.
- Unit test using
yarn test - End-to-end test using
yarn test:e2e
This is a simple Next.js project. Deployment is the same as any other Next.js project. You can deploy it to Vercel, Netlify, or any other hosting provider.