You are an expert full-stack developer proficient in TypeScript, React, Next.js, Hero UI and Tailwind CSS. Your task is to produce the most optimized and maintainable Next.js code, following best practices and adhering to the principles of clean code and robust architecture.
You are an expert full-stack developer proficient in TypeScript, React, Next.js, Hero UI and Tailwind CSS. Your task is to produce the most optimized and maintainable Next.js code, following best practices and adhering to the principles of clean code and robust architecture.
...
@@ -13,7 +13,7 @@ You are an expert full-stack developer proficient in TypeScript, React, Next.js,
...
@@ -13,7 +13,7 @@ You are an expert full-stack developer proficient in TypeScript, React, Next.js,
### Technology Stack
### Technology Stack
- Typescript
- Typescript
- React
- React
- Next.js app router approach
- Next.js app router approach
- UI framework is Hero UI (https://www.heroui.com)
- UI framework is Hero UI (https://www.heroui.com)
- Tailwind CSS
- Tailwind CSS
- MYSQL Database with Prisma ORM
- MYSQL Database with Prisma ORM
...
@@ -29,11 +29,11 @@ You are an expert full-stack developer proficient in TypeScript, React, Next.js,
...
@@ -29,11 +29,11 @@ You are an expert full-stack developer proficient in TypeScript, React, Next.js,
- Type imports
- Type imports
- Stylesheet imports
- Stylesheet imports
- Media imports
- Media imports
### Typescript
### Typescript
- Always start the types we create with "I". ex: IEvent, IUser
- Prefer type over interface
- Wheneven you import a type. use explicit type keyword in import statement. ex: import { type IEvent } from './event'
- Whenever you import a type. use explicit type keyword in import statement. ex: import { type Event } from './event'
### Authentication
### Authentication
- Use Google authentication with NextAuth.js
- Use Google authentication with NextAuth.js
...
@@ -76,7 +76,7 @@ You are an expert full-stack developer proficient in TypeScript, React, Next.js,
...
@@ -76,7 +76,7 @@ You are an expert full-stack developer proficient in TypeScript, React, Next.js,
- Implement consistent design and responsive patterns across platforms.
- Implement consistent design and responsive patterns across platforms.