This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
-
Reference is https://github.com/mosh-hamedani/issue-tracker/tree/main & [https://www.youtube.com/watch?v=J9sfR6HN6BY]
-
Install react-icons using
npm install react-icons --save -
Install classnames using
npm i classnames -
Install and setup MySql database
- Install MySql from
https://www.mysql.com/downloads/ - Install DataGrip from
https://www.jetbrains.com/datagrip/
- Install MySql from
-
Using Prisma
- Install with
npm install prisma - Initializing with
npx prisma init - write Schema in
prisma/schema.prisma - Update DatabaseURL in
.evn - Migrate Schema using
npx prisma migrate dev
- Install with
-
Setup database table in Mysql using DataGrip
-
Install Zod using
npm i zod- Zod is a TypeScript-first schema declaration and validation library
-
Radix UI - An open source component library
- Install using
npm install @radix-ui/themes - Import the CSS file in app/layout.tsx
import '@radix-ui/themes/styles.css'; - Add the Theme component in app/layout.tsx
export default function () { return ( <html> <body> <Theme> <MyApp /> </Theme> </body> </html> ); }
- Install using
-
Install react-simplemde-editor using
npm install --save react-simplemde-editor easymde -
Install react-hook-form using
npm install react-hook-form -
Install axios using
npm i axios- Promise based HTTP client for the browser and node.js
- [https://www.npmjs.com/package/axios]
-
Install React Hook Form using
npm i @hookform/resolvers- Performant, flexible and extensible forms with easy to use validation
- [https://www.npmjs.com/package/@hookform/resolvers]