Saroj's Personal Blog

A personal blog website to showcase the blogs written by Saroj Bartaula. Built this project as an open-source for whoever wants to fork and build their blog website from this repo.

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start

Built with Next.js for handling the user interface, Sanity.io for dynamic content, EmailJS for handling the emails, and styled with TailwindCSS, this blog website demonstrates the developer's skills in a unique manner that creates a lasting impact. The website has light and dark theme which further enhances the beauty and design of the website.

• Next.js
• Email JS
• Next Themes
• Tailwind CSS
• Sanity.io

👉 Hero Section: Introduced the author of the blogs for this website.

👉 Highlighted Blogs: Prominent display of some of the most highlighted blogs ever written.

👉 Recent Blogs: A few list of recent blogs and separate blog section where all the blogs are listed and the explore categories options to display the blogs based on their categories.

👉 Sanity.io Implementation: Utilized headless CMS of sanity.io to deliver the blogs and categories to the frontend dynamically.

👉 Responsiveness: Seamless adaptability across all devices, ensuring optimal viewing experience for every user.

and many more, including code architecture and reusability

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/ujstha/saroj-blog.git
cd saroj-blog

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

NEXT_PUBLIC_EMAILJS_SERVICE_ID=your_emailjs_service_id
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID=your_emailjs_template_id
NEXT_PUBLIC_EMAILJS_PUBLIC_KEY=your_emailjs_public_key
NEXT_PUBLIC_RECIPIENT_NAME=your_name_to_send_email
NEXT_PUBLIC_RECIPIENT_EMAIL=your_email_used_to_send_email
NEXT_PUBLIC_SANITY_PROJECT_ID=your_sanity_project_id
NEXT_PUBLIC_SANITY_DATASET=your_sanity_dataset

Replace the placeholder values with your EmailJS, Sanity, and Sentry credentials. You can obtain EmailJS credentials by signing up on the EmailJS website. You can obtain Sanity credentials by signing up on the Sanity website.

Running the Project

npm run dev

Open http:https://localhost:3000 in your browser to view the project.