edgarjfa/nextjs-typescript-boilerplate

A nextJs starter emplate and boilerplate with a lot of useful features. (NexxtJS + React + Tailwind + ESlint + Typescript + Vitest + Cypress + Husky + Commitlint)

NextJS Boilerplate (Minimal Starter)

A nextJs starter emplate and boilerplate with a lot of useful features. (NexxtJS + React + Tailwind + ESlint + Typescript + Vitest + Cypress + Husky + Commitlint).

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

Preview

Features

• NextJS
• ReactJS
• Tailwind
• Typescript
• Vitest
• Cypress
• ESlint
• Husky
• Commitlint

Getting Started

Pre-requisites

• Node.js or nvm installed

Installation

to use NextJs-Typescript-Boilerplate Starter you can choose one of the following options:

• using npx
• using direct clone

using npx (Simple Way)

1. You can either click Use this template button on this repository and clone the repo or directly from your terminal:

npx degit edgarjfa/NextJs-Typescript-Boilerplate <YOUR_APP_NAME>

• remove your app.vue in root project if you want to use our nuxt awesome as root layout.

Using with Direct Clone

you can direct to clone this repository and just make change.

• clone this repository

  git clone https://github.com/EdgarJFA/NextJs-Typescript-Boilerplate

install dependencies

npm install
# or
yarn install
# or
pnpm install
# or
bun install

run development server

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

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

After that, you can explorer to see what you can change on this template.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.