Next.js & Tailwind CSS Starter
A super simple boilerplate for your Next.js web app built with TypeScript, NextJS, React, and TailwindCSS.
Technologies
- React Hooks instead of React.Component to create stateful components
- TypeScript static types for Component Props, Actions & Services
- Tailwind CSS for the UI
- Prisma for the database
- Magic for Google authentication
- Eslint & Prettier to lint and format the source code.
Hit the Star button if you love this project
Usage
Prisma
Connect your database and update your .env
file within the prisma
directory.
Magic
Rename the .env.example
file to .env
. Then, Sign up for Magic and fill in your MAGIC_PUBLIC_KEY
and MAGIC_PRIVATE_KEY
.
Running Locally
Install dependencies
npm install
For development
npm run dev
For production
npm run build
npm start