This is my personal portfolio and blog website built using Next.js and integrated with Hashnode's Headless CMS. It serves as a platform to showcase my projects, share technical blogs, and highlight my skills.
- 📝 Headless Blog powered by Hashnode
- 🌐 Fully Responsive UI for all devices
- 🎨 Modern & Dark-Themed Design
- 🏗 Built with Next.js for Performance
- 🛠 Easy Deployment with Vercel
- 🔗 Social & GitHub Integration
The recommended approach is deploying to Vercel. If you don't have an account, you can sign up for a free plan.
- Fork this repository.
- Create a new project on Vercel and connect this repo.
- Choose Next.js as the framework preset.
- Set the following environment variables:
NEXT_PUBLIC_HASHNODE_GQL_ENDPOINT=https://gql.hashnode.com/
NEXT_PUBLIC_HASHNODE_PUBLICATION_HOST=your-hashnode-blog-url.hashnode.dev
Replace your-hashnode-blog-url with your actual Hashnode blog handle.
- Deploy and visit the auto-generated Vercel domain to confirm everything works.
If you have a custom domain, you can point NEXT_PUBLIC_HASHNODE_PUBLICATION_HOST to a different domain such as blog.yourdomain.com.
- Clone the repository:
git clone https://github.com/your-username/portfolio-blog.git
- Navigate into the directory:
cd portfolio-blog - Copy environment variables file:
cp .env.example .env.local
- Install dependencies:
yarn
- Run the development server:
yarn dev
- Open http://localhost:3000 in your browser.
- Framework: Next.js
- Styling: Tailwind CSS
- CMS: Hashnode (Headless CMS)
- Deployment: Vercel
If you have any project ideas or want to collaborate, feel free to reach out!
📜 License: MIT
© 2025 Neeraj Adhav. All rights reserved.