Minimalist Dark Next.js Blog Frontend
Budget: ₹600 – ₹1,500 INR
I need a front-end specialist who can build a clean, minimalistic blog on Next.js with a dark-color palette. The project centres on delivering an elegant experience that scales seamlessly from desktop down to mobile, keeps load times light, and feels alive thanks to tasteful animations (no hover effects or flashy buttons—just subtle motion that guides the reader).
Core screens
• Homepage: a grid or list of posts displaying title, thumbnail and short excerpt, crafted for infinite scroll or simple pagination.
• Single-post page: full article layout with hero image, rich text, embedded media, and concise author section.
• Optional enhancement: lightweight search or category filter that fits the minimal UI.
Technical expectations
• Production-ready Next.js 13/14 app using the App Router.
• Fully responsive CSS (Tailwind, CSS Modules, or vanilla—your call as long as it stays lean).
• Smooth client-side routing and animated page transitions.
• Clean, accessible markup following best SEO practices.
Deliverables
1. Source code pushed to a Git repo with clear commit history.
2. Build instructions and short README.
3. Deployed preview link (Vercel preferred) for final review.
Acceptance criteria
– Layout renders flawlessly on Chrome, Firefox, Safari, and modern mobile browsers.
– Dark theme passes WCAG AA contrast where applicable.
– Animation runs at 60 fps on mid-range devices.
– Lighthouse performance score ≥90 on the deployed build.
If this sounds within your wheelhouse, let me know your timeline and any prior minimalist dark-theme projects you’d like me to see.
Core screens
• Homepage: a grid or list of posts displaying title, thumbnail and short excerpt, crafted for infinite scroll or simple pagination.
• Single-post page: full article layout with hero image, rich text, embedded media, and concise author section.
• Optional enhancement: lightweight search or category filter that fits the minimal UI.
Technical expectations
• Production-ready Next.js 13/14 app using the App Router.
• Fully responsive CSS (Tailwind, CSS Modules, or vanilla—your call as long as it stays lean).
• Smooth client-side routing and animated page transitions.
• Clean, accessible markup following best SEO practices.
Deliverables
1. Source code pushed to a Git repo with clear commit history.
2. Build instructions and short README.
3. Deployed preview link (Vercel preferred) for final review.
Acceptance criteria
– Layout renders flawlessly on Chrome, Firefox, Safari, and modern mobile browsers.
– Dark theme passes WCAG AA contrast where applicable.
– Animation runs at 60 fps on mid-range devices.
– Lighthouse performance score ≥90 on the deployed build.
If this sounds within your wheelhouse, let me know your timeline and any prior minimalist dark-theme projects you’d like me to see.