Skip to content

Building a Static Blog Page That Mirrors Medium’s Polished, Shining UI in Nextjs

Notifications You must be signed in to change notification settings

MuhammadUmar7195/Medium-Blog

Repository files navigation

Medium Blog – Static Landing Page

A beautiful static landing page inspired by Medium, built with Next.js.
This project showcases a clean, modern UI for a blog homepage, including trending posts, latest articles, and a responsive navigation bar.

✨ Features

  • Modern Medium-style design
  • Responsive layout for all devices
  • Trending and latest posts sections
  • Built with Next.js and React

🚀 Getting Started

Follow these steps to run the project locally:

# 1. Clone the repository
git clone https://github.com/MuhammadUmar7195/Medium-Blog.git

# 2. Navigate to the project directory
cd Medium-Blog

# 3. Install dependencies
npm install

# 4. Start the development server
npm run dev

Open http://localhost:3000 in your browser to see the result.

📁 Project Structure

Medium-Blog/
├── public/
│   └── thumbnails/
│       └── medium.png
├── src/
│   ├── components/
│   └── pages/
│       └── index.js
├── package.json
└── Readme.md

🛠️ Built With


Feel free to fork, star, or contribute to this project!

About

Building a Static Blog Page That Mirrors Medium’s Polished, Shining UI in Nextjs

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published