Next.js 14 web template with a magic link referral system (inspired by Slack 😎, Notion 📝, and Figma 🎨) built on top of Next Auth and Firebase. Styled with Tremor components and Tailwind CSS.
This starter template is built on top of the following main dependencies:
- Framework - Next.js 14
- Language - TypeScript
- Auth - NextAuth.js
- Database - Firebase
- Deployment - Vercel
- Styling - Tailwind CSS
- Components - Tremor
- Analytics - Vercel Analytics
- Linting - ESLint
- Formatting - Prettier
This template includes authentication via NextAuth.js with a Firebase adapter. It also implements a referral system using a Firebase backend to generate magic links.
The template is set up for optimal deployment on Vercel allowing features like preview mode, automatic cache invalidation, and serverless functions.
- Node.js 14+
- Vercel account
- Firebase project
- SendGrid account
git clone https://github.com/yourname/nextjs14-web-template
cd nextjs14-web-template
yarn install
Copy .env.local.example to .env.local and add your Firebase and SendGrid credentials.
yarn dev
Open http://localhost:3000 to view the app.
Deploy on Vercel by pushing to Git (e.g. GitHub) and importing into a Vercel project.
MIT License - see LICENSE.md for more.