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

Mobile (collapsed)	Mobile (expand)

Sample page

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

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!

Installed Packages

1. Axios
2. React-bootstrap
3. react-fontawesome
   1. https://fontawesome.com/docs/web/use-with/react/use-with#next-js
   2. https://fontawesome.com/docs/web/use-with/react/add-icons#dynamic-icon-importing
4. SWR
5. Eslint
   1. https://github.com/typescript-eslint/typescript-eslint
   2. https://github.com/jsx-eslint/eslint-plugin-react
   3. https://reactjs.org/docs/hooks-rules.html#eslint-plugin
   4. https://www.npmjs.com/package/eslint-config-airbnb
   5. https://www.npmjs.com/package/eslint-config-airbnb-typescript

Reference

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