alexkates/hashnode-next

The fastest way to go headless with Hashnode. Beautifully simple Hashnode starter-kit powered by Next.js and shadcn/ui.

View Demo · Report Bug · Request Feature

Getting Started

npx create-next-app -e https://github.com/alexkates/hashnode-next

Environment Variables

.env.example contains all the environment variables you need to run a copy of hashnode-next for your headless blog. You can simply copy this file and rename it to .env.local to get started.

Contributing

Please read through our contributing guide before starting any work.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/my-amazing-feature)
3. Commit your Changes (git commit -am 'Add some my-amazing-feature')
4. Push to the Branch (git push origin feature/my-amazing-feature)
5. Open a Pull Request

Authors

Stats

License

Distributed under the MIT License. See the license for more information.

hashnode-next's Issues

No application/ld+json schema

Would be nice if this template supports Schema like it is there in official starter-kit

Add draft preview

Is your feature request related to a problem? Please describe.
As a user, I want to be able to preview a draft on my website.
I want to open the preview from the Hashnode editor and have it open on my website.

Describe the solution you'd like
Get the draft from Hashnode and render it like a regular blog post.

Additional context
This is already implemented in the Hashnode/starter-kit

TypeError: URL constructor: Invalid URL

Describe the bug
Upon visiting this blog post and scrolling down a little, NextJS throws this client-side exception stating "TypeError: URL constructor: http://localhost:$%7Bserver.port%7D is not a valid"

To Reproduce

1. Visit this blog post
2. Scroll down the page

Expected behavior
The page shouldn't throw an application error.

Screenshots

Desktop (please complete the following information):

• OS: Linux
• Browser: Firefox

Liking + Commenting on blog posts, subscribe to newsletter, follow author

Having a Sitemap and RSS feed dynamically generated would be a nice to have

Add canonical URL to post metadata

Is your feature request related to a problem? Please describe.
Currently, the canonical URL is not added to the post page header.

Describe the solution you'd like
Retrieve the canonical URL from Hashnode and add it to the post's metadata.

Exclude src/hashnode/generated

Is your feature request related to a problem? Please describe.
src/hashnode/generated is really a build artifact that is needed at runtime. It's generated from running pnpm codegen.

Describe the solution you'd like

1. Update the build and dev scripts to also codegen
2. Exclude src/hashnode/generated from git

Add support for embeds

Is your feature request related to a problem? Please describe.
Currently, the embeds from the Hashnode editor aren't rendered as embeds but as normal links.

Hashnode next:

Describe the solution you'd like
Embeds should be rendered similar to how they are rendered in the starter-kit:

Hashnode starter-kit (Hashnode theme):