Medium Clone

Preview

Live Demo

Introduction

Medium Clone Using NextJS && TypeScript && Tailwind-CSS && Sanity-CMS.

Codebase

Technologies

• ReactJs: JavaScript Library

• NextJs: ReactJs Framework

• Tailwind-CSS: CSS Framework

• Sanity-CMS: Headless CMS

• React-Hook-Form: Validate Forms In React

• Prettier: Code formatter

• Eslint: Linter

Folder structure

├── src                                # Src Folder
    ├── components                     # Reusabble parts
        ├── Layout                     # layout component
    ├── lib                            # lib Folder
    ├── styles                         # styles Folder
    ├── pages                          # Application views
        ├── api                        # API Folder
        ├── post                        # post pages

Setup

1. Clone or download the project.
2. Cd in the project directory.
3. Run git remote rm origin to remove the remote refenrece.
4. Run yarn to install dependencies