Next.js starter kit with Firebase and Tailwind

Don't worry about setup and configuration, start building with a fast and secure foundation.

Data and access

Ensure that users can only see what they should.

Protect your data and require authentication for complete pages or specific content.

🌍 For everyone

Server or Client rendered.

🔒 Only for logged in users

Server or Client rendered.

🕵️ Content only for logged in users

Server or Client rendered.
Dark Mode
Have your entire codebase set up for dark and light mode, and give users the option to choose which theme they prefer.

GitHub Actions and Pull Requests

Prevent problems from getting into production.

Playwright

Run end-to-end tests with Playwright and GitHub Actions to make sure you don't break anything.

Image of Playwright running in GitHub Actions

Lighthouse

Lighthouse performance tests in your pull requests for as many pages as you want.

Image of Lighthouse running in GitHub Actions

Performance and code quality

Making it as easy and safe as possible to create a great product.

100

Lighthouse

100 for performance, accessibility, best practices and SEO.

Prettier

Tailwind CSS and Prettier working together out of the box.

ESLint

Preconfigured and optimized for the default ESLint configuration.

Skeleton

100 for performance, accessibility, best practices and SEO.

Accessibility

100 for performance, accessibility, best practices and SEO.

Sitemap.xml generator

Automatically generate the sitemap based on your content.