Linktree

1. Preview

2. Frameworks

• Prettier
• Next.js 13
• Turbopack
• Typescript
• Nextauth.js
• Tailwindcss
• Mongodb Altas

3. Features

• Login
• Darkmode
• ScrollToTop
• Edit/Add/Delete
• Popup animation

4. Bugs

• Cannot use bcrypt for hash and compare password(replace with bcryptjs)
• Cannot put Popup component in root component folder, strange bug
• Cannot use turbopack, turbopack really got a lot of bugs needed to fix
• Cannot loading other route loading component, only root loading is usable

5. Development

Install packages:

npm install

Run dev:

npm run dev

6. Deploy

Add .env file:

NEXTAUTH_SECRET="8GYrPDgw9wj5213UHWIm"
NEXTAUTH_URL="https://your.domain.com/"
MONGODB_URI="mongodb://username:password@mongodb0.example.com:27017/"

Install packages:

npm run build

Run start:

npm run start