Introduction

Home page from https://vercel.com/templates/next.js/photo-blog

Installation

go dev branch

Tech Stack + Features

• Photo upload with EXIF extraction
• Built-in auth
• Light/dark mode

Database

This project uses Mongo database on Mongodb cloud. To setup a DB for your local dev:

1. Create a free account and a new Database
2. From the dashboard, create a branch and click "Connect" button.
3. Hit Create password and select Prisma in Connect with dropdown
4. Copy the url to .env DATABASE_URL file
5. run npx prisma generate && npx prisma db push to create the tables

Frameworks

• ▲Next.js(using App Directory and React Server Components) – React framework for building performant apps with the best developer experience
• 🔒Auth.js – Handle user authentication with ease with providers like Google, Twitter, GitHub, etc.
• 📀Prisma – Typescript-first ORM for Node.js

Platforms

• ▲Vercel – Easily preview & deploy changes with git
• 🍃Mongodb cloud – Build faster. Build smarter.​​
• Uploadthing - File Uploads For Next.js Developers

UI

• Tailwind CSS – Utility-first CSS framework for rapid UI development
• Shadcn/ui – Re-usable components built using Radix UI and Tailwind CSS
• Framer Motion – Motion library for React to animate components with ease
• Lucide – Beautifully simple, pixel-perfect icons
• next/font – Optimize custom fonts and remove external network requests for improved performance
• ImageResponse – Generate dynamic Open Graph images at the edge