MatthiesenXYZ
/
astro-hashnode
1
0
Fork 0
Code Issues Pull Requests Packages Releases 9 Activity
astro-hashnode/package
History
create-issue-branch[bot] 3a327762cc
feat: ✨ Chore: Initial Release (#4) 
* Create draft PR for #3
[skip ci]

* add changeset for release

* sharp sucks... moving to squoosh

* Add squooshImageService to Astro Config

* test

* Remove squooshImageService import from astro.config.mts now that the integration is handling setting squoosh as the image service

---------

Co-authored-by: create-issue-branch[bot] <53036503+create-issue-branch[bot]@users.noreply.github.com>
Co-authored-by: Adam Matthiesen <amatthiesen@outlook.com>
 		2024-03-11 06:44:07 -07:00
..
src feat: ✨ Chore: Initial Release (#4) 2024-03-11 06:44:07 -07:00
LICENSE add Astro Hashnode integration and dependencies 2024-03-11 05:56:23 -07:00
README.md update readme 2024-03-11 06:15:37 -07:00
package.json add Astro Hashnode integration and dependencies 2024-03-11 05:56:23 -07: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

npm 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!
  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