@thelionlab/blog-kit

Shared blog, use-case, comparison, and listicle types, utilities, and components for Next.js projects.

Setup

1. Install the package

npm install @thelionlab/blog-kit
npm install @tailwindcss/typography

2. Enable Tailwind Typography

The article layout uses prose classes from @tailwindcss/typography. Add the plugin to your global.css and install it:

@plugin "@tailwindcss/typography";

3. Scan the package in your Tailwind content sources

Add the blog-kit dist to your CSS content sources so Tailwind picks up all the utility classes used by the components. In your global.css:

@source "../node_modules/@thelionlab/blog-kit/dist";

If your global.css lives in a different directory relative to node_modules, adjust the path accordingly.