nextjs-example Tailwind Templates

Nextjs Example

Personal Starter App made with Next.js, NextAuth, Typescript, and Tailwind CSS with emotion

This is a Next.js project bootstrapped with create-next-app.

All Suggestions And Problems are Welcomed!

About this starter

I'm tired of wasting time on same configuration again and again so I just make a template to use for my future projects.

Overview

  • Personal Server-Side Rendering Starter App made with Next.js, NextAuth, Typescript, and Tailwind CSS with Emotion
  • Formatted with Stylelint, Eslint, and Prettier
  • Configured with Jest Testing Library

Getting Started

  1. Clone the repository and change directory.
git clone https://github.com/xiaooye/nextjs-example.git
cd nextjs-example
  1. add database support for Login with NextAuth followed by .env.local.example
cp .env.local.example .env.local
  1. install the project
npm install
# or
yarn 
  1. run the development server:
npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

Things To Do

  • Adding Jest
    • Adding Jest Tests
    • Adding React Test Library
  • Adding CSS
    • Responsive CSS
  • Adding State Management (Recoil?/Redux?/React Context?)
  • Eslint?
  • Database Support

Top categories

Loading Svelte Themes