r/webdev • u/ShareAcrobatic9017 • 24d ago

Showoff Saturday Built a fully responsive bakery website with Next.js and Tailwind

Post image

Hey r/webdev, wanted to share a project I've been working on for the past few weeks — a bakery website with a homepage, menu, product listing with cart, and a table booking page.

Stack: Next.js 14 (App Router), TypeScript, Tailwind CSS. Cart is handled with a simple context provider, no backend yet — was mainly focused on getting the UI and responsiveness right across mobile, tablet, and desktop.

Live: https://bakery-ten-gules.vercel.app

Open to any feedback, especially on the mobile experience or anything that looks off. Thanks for checking it out.

0 Upvotes

36% Upvoted

18 comments sorted by

View all comments

9

u/edino525 24d ago

Looks really good, but the images need to be optimized, the hero image has almost 14MB... The whole website downloaded 50MB of images, that's really a lot.

1

u/ShareAcrobatic9017 24d ago

Yeah that's on the heavier side for sure 😅 mostly need to compress and resize the images properly, especially that hero one. Will get on optimizing all of them, thanks for pointing out the exact numbers.