NextJS Template

A simple NextJS template

View Demo · Documentation · Report Bug · Request Feature

• About the Project
  • Screenshots
  • Tech Stack
  • Features
  • Color Reference
  • Environment Variables
• Getting Started
  • Prerequisites
  • Run Locally
  • Running Tests
  • Deployment
• Usage
• Roadmap
• Contributing
  • Code of Conduct
• FAQ
• License
• Contact
• Acknowledgements

• Feature 1.
• Feature 2.
• Feature 3.

Color	Hex
Primary Color	#222831
Secondary Color	#393E46
Accent Color	#00ADB5
Text Color	#EEEEEE

To run this project, you will need to add the following environment variables to your .env file:

• NextAuth configs:

  NEXTAUTH_SECRET: Used to encrypt the NextAuth.js JWT, and to hash email verification tokens.

  NEXTAUTH_URL: When deploying to production, set the NEXTAUTH_URL environment variable to the canonical URL of your site.

  Note: Doesn't have to set NEXTAUTH_URL when deploying to vercel.

E.g:

# .env
NEXTAUTH_SECRET="my-secret-key"
NEXTAUTH_URL="http://localhost:3000/"

You can also check out the file .env.example to see all required environment variables.

This project uses pnpm as package manager:

npm install --global pnpm

Clone the project:

git clone https://github.com/DuckyMomo20012/nextjs-template.git

Go to the project directory:

cd nextjs-template

Install dependencies:

pnpm install

Start the server:

pnpm dev

To run tests, run the following command:

pnpm test

To deploy this project run:

pnpm deploy

Use this space to tell a little more about your project and how it can be used. Show additional screenshots, code samples, demos, or links to other resources.

// foo.jsx
import Component from 'nextjs-template';

function App() {
  return <Component />;
}

• Todo 1.
• Todo 2.

Contributions are always welcome!

Please read the Code of Conduct.

• Question 1

  • Answer 1.

• Question 2

  • Answer 2.

Distributed under MIT license. See LICENSE for more information.

Duong Vinh - @duckymomo20012 - [email protected]

Project Link: https://github.com/DuckyMomo20012/nextjs-template.

Here are useful resources and libraries that we have used in our projects:

• Awesome Readme Template: A detailed template to bootstrap your README file quickly.