Implement simple blog with Next.js (Fullstack Assessment Submission)

[Kevin0belnas]

📋 Assessment Overview

This is my implementation of the Fullstack Assessment (1-2 Years Experience) - A simple blog application built with Next.js.

I'm not expert in next.js its my first time using this and i use resources for this assessment to be completed.

✅ Implemented Features

Frontend Pages

• Home Page (/) - Displays all blog posts with titles, excerpts, dates, and "Read more" links
• Blog Post Page (/posts/[id]) - Shows full content of individual posts with back navigation

API Endpoints

• GET /api/posts - Returns all blog posts as JSON
• GET /api/posts/:id - Returns a specific blog post by ID (with 404 handling)

Technical Implementation

• ✅ Next.js 15 with App Router
• ✅ TypeScript for type safety
• ✅ Tailwind CSS for styling
• ✅ Responsive design (mobile & desktop)
• ✅ Dynamic routes with generateStaticParams
• ✅ Proper 404 handling for non-existent posts

📸 Screenshots

Home Page - Blog Listing

Individual Blog Post

API Endpoint - All Posts

API Endpoint - Single Post

🚀 How to Run

cd fullstack/fullstack-assessment
npm install
npm run dev