Sample Next.js@14 project where users can create and publish profiles with their links.
Deployment: base-link.vercel.app
- Next.js@14
- TypeScript
- NextAuth.js
- Prisma ORM with MySQL
- Tailwind CSS & daisyUI
- ESLint, Prettier, React Icons, ...
- App router & server-side rendering (SSR)
- Dynamic routes with incremental static regeneration (ISR)
- Explore configs: next.config.js, tsconfig.json, .eslintrc.json, ...
- Add more authentication providers
- Add more sections and more styling options
- Add more account management options
- Add image uploading for sections and backgrounds
- Add the ability to create multiple profiles with one account
- Improve request traffic and validations
- Improve SEO and the metadata of the profile pages
- Add analytics
- Setup an empty MySQL database and generate Google Auth credentials
- (optional skip) Screenshot all the code files, extract the texts from images with AI, paste them in your own files with correct extensions
- Download the dependencies:
npm ci - Generate database client:
npx prisma generate - Rename
.env.exampleas.envand add your environment variables: DB URL, Google Credentials and NEXTAUTH_SECRET - Migrate DB schema:
npx prisma migrate dev --name fresh - (Included with the prev step) Seed sample data:
npx prisma db seed(see./prisma/seed.ts) - Start development:
npm run dev
