Skip to content

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

License

Notifications You must be signed in to change notification settings

kitloong/nextjs-dashboard

Repository files navigation

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.

Powered by Vercel

Screenshot

Dashboard

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

Light Dark
Dashboard Dashboard
Mobile (collapsed) Mobile (expand)
Dashboard Dashboard

Sample page

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

Multilingual

English 日本語
Sample page Sample page

Login

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

Login

Register

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

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:

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/