Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/imbhargav5/nextbase-nextjs-supabase-starter
🚀⚡️ Free Boilerplate and Starter kit for Next.js 14+, Supabase, Tailwind CSS 3.2 and TypeScript. 🚀 Next.js 🔥 Supabase 💻 TypeScript 💚 ESLint 🎨 Prettier 🐶 Husky 🧹 Lint-Staged 🧪 Jest 🧪 Testing Library 🕹️ Playwright ✍️ Commitizen 💬 Commitlint 💻 VSCode 🌪️ Vercel 🎨 PostCSS 🍃 Tailwind CSS ⚛️ React Query
https://github.com/imbhargav5/nextbase-nextjs-supabase-starter
boilerplate boilerplate-code boilerplate-react eslint jamstack js-boilerplate nextjs nextjs-13 nextjs-boilerplate nextjs-starter nextjs-tailwind nextjs-template nextjs-typescript postcss saas-boilerplate seo starter-kit tailwindcss typescript
Last synced: 24 days ago
JSON representation
🚀⚡️ Free Boilerplate and Starter kit for Next.js 14+, Supabase, Tailwind CSS 3.2 and TypeScript. 🚀 Next.js 🔥 Supabase 💻 TypeScript 💚 ESLint 🎨 Prettier 🐶 Husky 🧹 Lint-Staged 🧪 Jest 🧪 Testing Library 🕹️ Playwright ✍️ Commitizen 💬 Commitlint 💻 VSCode 🌪️ Vercel 🎨 PostCSS 🍃 Tailwind CSS ⚛️ React Query
- Host: GitHub
- URL: https://github.com/imbhargav5/nextbase-nextjs-supabase-starter
- Owner: imbhargav5
- License: mit
- Created: 2023-02-08T06:33:28.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-06T14:47:13.000Z (about 2 months ago)
- Last Synced: 2024-09-28T09:22:07.201Z (about 1 month ago)
- Topics: boilerplate, boilerplate-code, boilerplate-react, eslint, jamstack, js-boilerplate, nextjs, nextjs-13, nextjs-boilerplate, nextjs-starter, nextjs-tailwind, nextjs-template, nextjs-typescript, postcss, saas-boilerplate, seo, starter-kit, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://open-source-template.usenextbase.com
- Size: 15.9 MB
- Stars: 530
- Watchers: 3
- Forks: 104
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- stars - imbhargav5/nextbase-nextjs-supabase-starter - 🚀⚡️ Free Boilerplate and Starter kit for Next.js 14+, Supabase, Tailwind CSS 3.2 and TypeScript. 🚀 Next.js 🔥 Supabase 💻 TypeScript 💚 ESLint 🎨 Prettier 🐶 Husky 🧹 Lint-Staged 🧪 Jest 🧪 Testing Library 🕹️ (TypeScript)
- stars - imbhargav5/nextbase-nextjs-supabase-starter - 🚀⚡️ Free Boilerplate and Starter kit for Next.js 14+, Supabase, Tailwind CSS 3.2 and TypeScript. 🚀 Next.js 🔥 Supabase 💻 TypeScript 💚 ESLint 🎨 Prettier 🐶 Husky 🧹 Lint-Staged 🧪 Jest 🧪 Testing Library 🕹️ (TypeScript)
README
# NextBase Starter
Nextbase Lite is a simple Next.js 13 + Supabase boilerplate. It includes a Next.js 13 app with Typescript, Supabase and Tailwind CSS. It includes the all new `app` folder, `layout` components, React `server components` and more!
## Features
- 🚀 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
### Development
1. Clone the repo
2. Install dependencies with `yarn`
3. Create a Supabase account if you don't have one already
4. Create a new project in Supabase
5. Link Supabase to your project using `yarn supabase link --project-ref `. You can get your project ref from the Supabase Project dashboard (Project Settings -> API)
6. Duplicate `.env.local.example` and rename it to `.env.local` and add the Project ref, Supabase URL and anon key.
7. Push the database schema to your Supabase project using `yarn supabase db push`.
8. Generate types for your Supabase tables using `yarn generate:types:local`.
9. Run `yarn dev` to start the development server.
### Testing
1. Unit test using `yarn test`
2. End-to-end test using `yarn test:e2e`
### Deployment
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.
### Contributing
Contributions are welcome. Please open an issue or a PR.
### License
MIT
### Troubleshooting
Checkout the [TROUBLESHOOTING.md](./TROUBLESHOOTING.md) file for common issues.
## Premium NextBase Boilerplate
Also checkout our premium boilerplate with more features. It includes a fully functional authentication system, user profiles, organisations, row level security, and more.
[](https://usenextbase.com)