flowbite_jekyll

flowbite_jekyll

Flowbite Jekyll Starter Template: Quickly Create Modern, Responsive Websites

Flowbite Jekyll Starter Template

This Jekyll starter template is designed to help you quickly create a website with a modern and responsive design, using the power of Flowbite and Tailwind CSS. It includes a pre-designed home page, blog page, and individual blog posts, making it ideal for validating products and quickly creating SEO content.

The template also features Jekyll's authors functionality, allowing you to manage author information in the _data folder and easily attribute posts to different authors.

Features

  • Responsive design with Flowbite and Tailwind CSS
  • Home page, blog page, and individual blog posts
  • Jekyll Authors integration for managing author information
  • Ideal for validating products and creating SEO content

How to Use

Clone this repository:

git clone https://github.com/Duartemartins/flowbite_jekyll.git

Change into the project directory:

cd flowbite_jekyll

Install dependencies:

bundle install

Build and serve the website:


bundle exec jekyll serve

Open your browser and navigate to http://localhost:4000.

Customizing the Template

  1. To customize the home page, edit the index.html file.
  2. To add or modify blog posts, use the _posts folder. The file names should follow the format YYYY-MM-DD-title.md or YYYY-MM-DD-title.markdown.
  3. To edit author information, modify the authors.yml file in the _data folder. You can add or remove authors as needed.
  4. To change the website's appearance or add custom CSS, edit the main.css file in the assets/css folder.

Benefits

This Flowbite Jekyll starter template is perfect for anyone who wants to:

  1. Quickly set up a modern, responsive website
  2. Validate a product idea and gather user feedback
  3. Create SEO content for driving traffic and generating leads

By using this template, you can save time and effort in creating a website, and focus on your product development and content creation.

Built with Flowbite Blocks

This repository is an example of a responsive landing page built with Flowbite Blocks based on the Tailwind CSS framework and Flowbite library that you can use for your project.

Get started with a huge collection of over 120+ website sections powered by Tailwind CSS and the Flowbite Library:

Screenshots

Screenshot 2023-04-12 at 19 49 07 Screenshot 2023-04-12 at 19 49 07

Live preview

Check out the live preview (of the landing page only) here:

Landing page demo.