Next Firebase Template

Web development essentials starter kit

Built with

• Next.js – Framework
• Firestore – Cloud Platform
• Tailwind – UI

Features

• Typed – Typescript
• Linting – ESLint
• Formatting – Prettier
• Unit testing – Jest
• E2E testing – Playwright
• Hooks – Husky
• Firebase authentication
• Multi-theme support
• Firestore helper functions

Run locally

(Create Firebase project if you haven't already)

Create and populate .env.local using .env.sample

# install dependencies
yarn install
# start local server
yarn dev

Visit http://localhost:3000 to see the result

Folder structure

• src/pages/* - all pages accross the website

• src/pages/api/* - next.js API endpoints

• src/components/* - reusable components

• src/util/* - utility functions (ex: firestore)

• tests/jest/* - jest unit tests

• tests/playwright/* - playwright e2e tests

• public/* - static assets (ex: images)