This project is a minimalist blog developed using Next.js, a popular React framework, on the frontend, and Sanity, a headless CMS, on the backend. The blog is designed with simplicity in mind, offering a clean and intuitive user interface. It incorporates essential features such as user authentication, responsive design for optimal viewing across devices, and a commenting system to foster engagement. Next.js enables server-side rendering and efficient routing, while Sanity provides a flexible content management system to manage blog posts and content. With a focus on user experience and ease of customization, this blog project serves as a versatile foundation for individuals looking to create their own minimalist blogs. Thank you for checking out the Sanity Next.js Blog Project!
- Minimalist design for a clean and intuitive user experience.
- Markdown support for easy formatting of blog content.
- User authentication to allow registered users to create and manage blog posts.
- Tagging and categorization of blog posts for easy organization and navigation.
- Markdown editor with live preview for a seamless writing and editing experience.
- Get your Project ID, dataset and version from here.
- Git - Download & Install Git for Windows users. (OSX and Linux machines has it preinstalled).
- Node.js - Download & Install Node.js.
Vercel Host your own live version of Blog with Vercel.
1. Clone Repo
2. Install Dependencies
npm i
3. Provide API Key Create a .env.local file in the root of the repo with your configuration and API Keys:
NEXT_PUBLIC_SANITY_PROJECT_ID=YOUR_SANITY_PROJECT_ID
NEXT_PUBLIC_SANITY_DATASET=YOUR_SANITY_DATASET
NEXT_PUBLIC_SANITY_API_VERSION=YOUR_SANITY_API_VERSION
4. Run App
npm run dev
5. Happy blogging You can now publish your blog posts using your domain/studio and your posts will be visible on home page.
If you have any questions, feel free to reach out to me on hareeshr.me
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent