Skip to content

ECarry/photography-website-nextjs14-full-stack

Repository files navigation

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

About

An open-source Photo Blog📸🌟 built using Next.js 14, Prisma, Mongodb, Auth.js, Shadcn/ui and Server Actions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages