MatthiesenXYZ
/
astro-hashnode
1
0
Fork 0
Code Issues Pull Requests Packages Releases 9 Activity
astro-hashnode/package
History
github-actions[bot] f2b5fdd7db chore: update versions 2024-03-19 12:02:46 +00:00
..
src fix: 🐛 need new fallback for ogImage (#25) 2024-03-16 11:05:57 -07:00
CHANGELOG.md chore: update versions 2024-03-19 12:02:46 +00:00
LICENSE add Astro Hashnode integration and dependencies 2024-03-11 05:56:23 -07:00
README.md Update README.md (#20) 2024-03-15 12:32:17 -07:00
package.json chore: update versions 2024-03-19 12:02:46 +00:00
tsconfig.json add Astro Hashnode integration and dependencies 2024-03-11 05:56:23 -07:00
virtual.d.ts add Astro Hashnode integration and dependencies 2024-03-11 05:56:23 -07:00

README.md

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
  1. 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