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

Next.JS Dashboard

A Next.JS boilerplate with the famous Open Source Boostrap Admin Template, CoreUI.

This dashboard is built with Typescript and React Bootstrap, using the App Router.

Screenshot

Dashboard

https://nextjs-dashboard-olive.vercel.app

Light	Dark

Mobile (collapsed)	Mobile (expand)

Sample page

https://nextjs-dashboard-olive.vercel.app/pokemons

Multilingual

English	日本語

Login

https://nextjs-dashboard-olive.vercel.app/login

Register

https://nextjs-dashboard-olive.vercel.app/register

Getting Started

First, setup the application:

pnpm install

Then, run the development server:

pnpm run dev

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

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

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!

Reference

1. https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/function_components/