Astro Hashnode

An Integration to bring your Hashnode Headless Blog content into Astro!

Installation

Install the integration automatically using the Astro CLI:

pnpm astro add @matthiesenxyz/astro-hashnode

npx astro add @matthiesenxyz/astro-hashnode

yarn astro add @matthiesenxyz/astro-hashnode

Or install it manually:

1. Install the required dependencies

pnpm add @matthiesenxyz/astro-hashnode

npm install @matthiesenxyz/astro-hashnode

yarn add @matthiesenxyz/astro-hashnode

2. Add the integration to your astro config

+import astroHashnode from "@matthiesenxyz/astro-hashnode";

export default defineConfig({
  integrations: [
+   astroHashnode({
+      hashnodeURL: 'astroplayground.hashnode.dev'
    }),
  ],
});

Full Configuration Options

astroHashnode({
  hashnodeURL: 'astroplayground.hashnode.dev', // Your hashnode URL
  landingPage: true, // Lets you disable the default landing page!
  useViewTransitions: true, // Lets you enable/disable the default included ViewTransitions.
  layoutComponent: './src/layouts/YourLayout.astro' // Lets you change the default Layout.astro being used by the Integration Pages.
  verbose: false // Change to Verbose console output
})

Node: This Integration uses the new Tailwind v4 There is no config options in this version of tailwindCSS, and applyBaseStyles is enabled! So if you are building your own LayoutComponent feel free to use TailwindCSS!

Licensing

MIT Licensed. Made with ❤️ by Adam M..

Acknowledgements

• astro-integration-kit by Florian
• Hashnode - HeadlessCMS by the Hashnode
• TailwindCSS v4 by the TailwindCSS team
• Astro-Font by Rishi
• Astro-SEO by Jonas
• Astro-Remote by Nate