Welcome to 🍃 Nextwind!
TypeScript base project with Next.JS as React framework, Supabase with PostgreSQL as database, TailwindCSS as style library, and Zustand for state-management.
🧬 General
Features:
- Next 13 with app directory disabled for now (you can enable it)
- GitHub Auth with Next-Auth and Supabase
- Absolute Imports and Module path aliases for Next.js
- Initial state example for Zustand
- Prettier & ESLint rules
Other libraries used: Zustand | TailwindCSS | Next-Auth | Supabase
🪬 Getting Started
Supabase
We're using Supabase with Next-Auth for authentication and authorization.
For the integration, check and following the steps in Next-Auth documentation: https://next-auth.js.org/adapters/supabase
Once you have your Supabase Instance and configuration, you can generate the types for your database:
supabase gen types typescript --project-id "YOUR_INSTANCE" --schema public > types/database.types.ts
Development
# Install dependencies
yarn install
# Run development server
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
Production
You can deploy your application with Vercel or Docker
The image build will be in standalone mode with a very small image size.
# Builds the image, starts the container and expose the app vía nginx
docker-compose up -d
# Stop the container
docker-compose downIf you need to rebuild the image, you can use the following command:
docker-compose up -d --build webapp
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent