Deployed Link: https://medium-mocha-seven.vercel.app/
-
Created a Medium clone using React and Next.js. I have used Sanity for backend functionalities such as posting a blog, creating the blog page and comment functionaly with allowance from the author.
-
Sanity is a Content Management System which can be used in executing many functionalities. It also makes the backend tasks easy and automated !. I have wrote a blog where I have explained What is a CMS and how you can use Sanity in your projects which can be very helpful in reducing you backend tasks. You can ckeck my blog by clicking here 👈
-
Creating new blogposts functionality 📒.
-
Comments functionality with allowance of the author 💬.
-
Exact Time of blog post functionality using Sanity ⏲️.
-
Learned about Sanity and its features which can be used in managing backend functionalities.
-
Learning React, Next.JS and TailwindCSS concepts.
Step 1: Fork the repository. You can fork the repository by clicking on the fork button on the right hand side below the profile.
Step 2: Clone your forked repository. Replace yourusername with your GitHub Username.
git clone "https://github.com/HarshitAditya27/Medium.git"Step 3 : After cloning the repository. Go to the repository.
cd Medium
Step 4: Run npm init -y. It will install all the packages and dependencies used in the project.
npm init -y
Step 5: Run npm install next. This will install Next.js in your local repository.
npm install next
Step 6: Run npm run dev. This will start the project in your local machine 🖥️.
npm run dev
Step 7 : To run the project in your local machine, you need to go to your local server which is running on port 3000. Go to the browser and paste the link given below 👇:
http://localhost:3000/
🚨 Sanity API keys are required before starting the application. We need to create a Sanity peoject to get access API keys. After Accessing the API keys we need to set up the .env file to use the API keys in the application and then start the application.
SANITY_API_TOKEN=
NEXT_PUBLIC_SANITY_PROJECT_ID=
NEXT_PUBLIC_SANITY_DATASET= 
pg…]()
If you found the project intresting then please do give this project a star ⭐.
Made with 💖 by Harshit Aditya