npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@supergrowthai/next-blog

v1.0.12

Published

Add blogging to your nextjs project in a jiffy

Downloads

42

Readme

Next-Blog


Currently supports nextjs apps router only

Elevate your Next.js project with seamless blogging functionality.

Next-Blog is designed to integrate a blogging platform into your Next.js application effortlessly, akin to the simplicity of integrating NextAuth today.

Currently, Next-Blog is a work in progress and I'm excited to invite collaborators to join me in this journey. Whether you're interested in coding, documentation, design, or testing, I welcome contributions of all kinds to make Next-Blog robust and user-friendly.

Folder Structure

Quick Start

To add Next-Blog to your project, follow these simple steps:

  1. Install Next-Blog

    First, ensure you have Next.js set up. Then, install Next-Blog by adding it to your project dependencies.

    npm i @supergrowthai/next-blog
  2. Create a new route at apps/api/sgai-blog/[...page]/route.ts

  3. Update Your Route Configuration

    In your route.ts, integrate Next-Blog as shown:

    import nextBlog from "@supergrowthai/next-blog"
    
    //To use a database use the builtin MongoDBProvider or create a new Provider and create a pr?:D
    //This provider only works locally.    
    const dbProvider = async () => new FileDBProvider(dataPath)
    const {GET, POST} = nextBlog({db: dbProvider})
    
    export { GET, POST };

Roadmap

Here are the next steps on our journey to enhance Next-Blog:

  • [x] Project initialization.
  • [x] Added a simple database adapter (JSONFile + MongoDB).
  • [x] Implement internal dashboard pages for managing posts, complete with an editor.
  • [ ] Create hooks for accessing the blog content by slug
  • [ ] Introduce configuration options for managing pages, tags, and filters.
  • [ ] Create a sample theme to kickstart your blog aesthetics.
  • [ ] And more - we're open to suggestions!

Get Involved

I'm looking for contributors to help develop features, write documentation, design user interfaces, and more. If you're passionate about making content creation accessible and straightforward for Next.js developers, I'd love to hear from you.

Join me in shaping the future of blogging in Next.js. Together, we can build something amazing.


This version aims to be more engaging, inviting, and clear in its instructions and call for collaboration.