For the Hashnode APIs Hackathon, I launched hashnode-next, a beautifully simple Hashnode starter kit powered by Next.js and shadcn/ui. Hashnode-next is the fastest way to go headless with Hashnode, enabling you to migrate your blog with just one click.
Use the Vercel deploy button to deploy your own copy directly to your Vercel account, or start locally using the command below.
npm create-next-app -e https://github.com/alexkates/hashnode-next
"Either write something worth reading or do something worth writing."
- Benjamin Franklin
I've been a writer and fan of Hashnode since January 2022, when I published my first article. Since then, I have published over 25 articles with more than 50,000 total views.
Then Hashnode announced the Hashnode APIs Hackathon and I knew it was the perfect time to open-source my blog template. I believed that creating a modern yet simple template that developers and bloggers could launch with just one click would be valuable.
Migrating your blog to headless with hashnode-next is as easy as deploying on Vercel, adding a single environment variable, and clicking Create.
If you'd prefer to start locally, you can use the following command and setting your
npx create-next-app -e https://github.com/alexkates/hashnode-next
Lastly, the README is a great resource for Github ticket templates, contributing, and more.
Lastly, graphql-code-generator was employed to create TypeScript types from the schema.
Nothing crazy here... just your typical Vercel hosting and the awesome Vercel Deploy Button. This was my first time wiring up the Vercel deploy button, and I loved it.
Building hashnode-next was my first attempt at creating an open-source project. I'm truly proud of the outcome, and I hope that some Hashnode bloggers looking to go headless and learn Next.js 14 will find this helpful.