FullStack Medium Clone Application Tutorial with Next.js 13.5

Medium Clone App

Welcome to our new video tutorial where we'll be building a FullStack Medium Clone Application using Next.js 13.5. In this session, we'll cover:

  • Introduction to the new Next.js Server Action
  • Creating a Medium-like editor
  • Implementing a feature-rich story renderer with functionalities including:
    • Comments
    • Reply comments
    • Claps
    • Save
    • Share
  • Small Task for you guys to follow
  • Filterations of stories based on Topics

Additionally, we have a small task for you to follow along. Join us as we explore each of these aspects in detail!

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

environment Variable

  • DATABASE_URL=
  • NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
  • CLERK_SECRET_KEY=
  • NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET=
  • NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
  • NEXT_PUBLIC_URL=