d3rp3tt3 / blog-example

Builder.io blog example

Builder.io Blog Example

This is an example of a blog with Builder.io, Tailwind, and Next.js,

We forked TailwindBlog and added a Builder.io integation here, and configured some custom components here

Try it yourself here!

Getting Started

1. Create a free account with Builder.io
2. In your Builder space, create a section model named blog-post
3. Set the Preview URL of your model to http://localhost:3000
4. Clone this repo: git clone https://github.com/BuilderIO/blog-example.git
5. Install dependencies: npm install
6. Run the development server: npm run dev
7. Open Builder.io and make some blog posts!

To go live, be sure to also add your public API key (find in your account settings) here. You additionally may want to add some custom fields for the blog post title and slug

ℹ️ For an in-depth walkthrough on how to create a blog with Builder.io, see our full tutorial