tailwind-firebase-nextjs-referrel-system Tailwind Templates

Tailwind Firebase Nextjs Referrel System

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.

🚀 Next.js 14 Referrel Web Template

Next.js TypeScript NextAuth.js Firebase Vercel Tremor Tailwind CSS

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.

🚩 Overview

This starter template is built on top of the following main dependencies:

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.

🚀 Getting Started

✅ Prerequisites

📂 Installation

git clone https://github.com/yourname/nextjs14-web-template  
cd nextjs14-web-template
yarn install  

⚙️ Configuration

Copy .env.local.example to .env.local and add your Firebase and SendGrid credentials.

▶️ Run development server

yarn dev

Open http://localhost:3000 to view the app.

🚢 Deployment

Deploy on Vercel by pushing to Git (e.g. GitHub) and importing into a Vercel project.

⚖️ License

MIT License - see LICENSE.md for more.

Top categories

tailwind logo

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.
Loading Svelte Themes