After years of hunting for vulnerabilities or just using the already-made systems I have decided to learn web dev for good, this is just a TRAINING PROJECT from NEXTJS, I completed it with almost no outside help without revealing the solutions on the tutorial, finishing this training successfully will help me a lot in my upcoming web app.
user@nextmail.com 123456
This is a Next.js project bootstrapped with create-next-app --typescript.
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.
https://nextjs-dashboard-i00aq24n5-umut-s-projects.vercel.app/
| Mobile (collapsed) | Mobile (expand) |
|---|---|
 |
 |
https://nextjs-dashboard-olive.vercel.app/login
First, setup the application:
npm installThen, run the development server:
npm run devOpen 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.
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!
- Redux
- Axios
- React-bootstrap
- Immer
- react-fontawesome
- SWR
- Eslint
- https://github.com/typescript-eslint/typescript-eslint
- https://github.com/jsx-eslint/eslint-plugin-react
- https://reactjs.org/docs/hooks-rules.html#eslint-plugin
- https://www.npmjs.com/package/eslint-config-airbnb
- https://www.npmjs.com/package/eslint-config-airbnb-typescript
- https://github.com/prettier/eslint-config-prettier