This is my personal portfolio and blog website built with Next.js, featuring integration with Hashnode's Headless CMS for blogging and Mastodon API for social feed updates. The site serves as a platform to showcase my work, share technical articles, and provide insights into my projects.
- Homepage – About the author, background, and professional journey.
- Feed – Live updates from Mastodon, powered by the Mastodon API.
- Blog – Technical articles and insights, managed via Hashnode's Headless CMS.
- Projects – A collection of open-source projects with links to GitHub repositories.
- Responsive Design – Optimized for all devices.
- Next.js Performance – Built with server-side rendering and static generation for fast loading times.
- Vercel Deployment – Easy to deploy and manage with Vercel.
The recommended deployment method is Vercel.
- Fork the repository.
- Create a new project on Vercel and connect this repository.
- Select Next.js as the framework.
- Set up the following environment variables:
NEXT_PUBLIC_HASHNODE_GQL_ENDPOINT=https://gql.hashnode.com/
NEXT_PUBLIC_HASHNODE_PUBLICATION_HOST=your-site.hashnode.dev
NEXT_MASTODON_ACCESS_TOKEN=your-mastodon-api-access-token
NEXT_MASTODON_USERNAME=your-mastodon-username
NEXT_MASTODON_INSTANCE=https://mastodon-instance.comReplace above data with actual values.
- Deploy and visit the assigned Vercel domain to verify the setup.
- Clone the repository:
git clone https://github.com/neerajadhav/floaty-hashnode-headless.git
- Navigate to the project directory:
cd floaty-hashnode-headless - Copy environment variables:
cp .env.example .env
- Install dependencies:
yarn
- Start the development server:
yarn dev
- Open http://localhost:3000 in your browser.
- Framework: Next.js
- Styling: Tailwind CSS
- CMS: Hashnode Headless CMS
- API Integration: Mastodon API
- Deployment: Vercel
For collaborations, projects, or inquiries, feel free to reach out.
Portfolio: www.neerajadhav.in
License: MIT