The photography-website-nextjs14-full-stack from ecarry

photography-website-nextjs14-full-stack's Introduction

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:

Create a free account and a new Database
From the dashboard, create a branch and click "Connect" button.
Hit Create password and select Prisma in Connect with dropdown
Copy the url to .env DATABASE_URL file
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

photography-website-nextjs14-full-stack's People

Contributors

Stargazers

Watchers

photography-website-nextjs14-full-stack's Issues

Question about uploading image

Hi there! Excuse me for taking your time again.
I tried to add photo record on prisma, but in the home page it shows no data.

I'm not sure whether the localhost:5555 is the right place to upload images, or there is another dashboard page for uploading, especially after we deploy the website using Vercel.

Many thanks for your time and help!

Deployment error for prisma

Hi! Thanks for this brilliant work!

I followed the readme to set up the environment, but there is an error regarding the prisma.photo.findMany(), is there anything I should do in the planetscale dashboard?

This is the whole terminal output:

> [email protected] dev
> next dev

   ▲ Next.js 14.1.0
   - Local:        http://localhost:3000
   - Environments: .env

 ✓ Ready in 1696ms
 ✓ Compiled /middleware in 166ms (217 modules)
 ○ Compiling / ...
 ✓ Compiled / in 2.5s (1505 modules)
 ✓ Compiled in 200ms (708 modules)
 ⨯ PrismaClientKnownRequestError: 
Invalid `prisma.photo.findMany()` invocation:


The table `(not available)` does not exist in the current database.
    at async HomePage (page.tsx:15:20)
 ⨯ PrismaClientKnownRequestError: 
Invalid `prisma.photo.findMany()` invocation:


The table `(not available)` does not exist in the current database.
    at async HomePage (page.tsx:15:20)

Thank you! Looking forward to your reply.

Recommend Projects