Gatsby Starter Bulma Storybook screenshot

Gatsby Starter Bulma Storybook

Author Avatar Theme by Gvaldambrini
Updated: 2 May 2018
16 Stars

A minimal Gatsby starter which includes Bulma and Storybook

Categories

Overview

The Gatsby starter with Bulma and Storybook provides an excellent foundation for developers looking to create stunning and responsive web applications. This minimal setup not only enhances your design capabilities with Bulma’s modern CSS framework but also allows for seamless component development via Storybook. It’s a perfect blend for those who want both beauty and functionality in their projects.

Using this starter, developers can leverage the power of Gatsby to build fast, static websites while enjoying a rich set of features that streamline the development process. Whether you’re crafting a personal project or a professional site, this starter is designed to facilitate an efficient workflow.

Features

  • Storybook: A powerful tool for developing UI components in isolation, enabling you to visualize how components will look and behave.
  • Bulma with Font Awesome Icons: Enjoy a beautiful, responsive design framework complemented by an extensive library of icons to enhance your user interface.
  • (S)CSS Modules: Utilize the benefits of modular styles, ensuring that your CSS is scoped and avoiding any potential conflicts.
  • Prettier: Keep your code clean and readable with automatic code formatting that adheres to defined style guidelines.
  • ESLint: Enhance code quality and maintainability by identifying and fixing problematic patterns in your JavaScript code.
  • Jest: Incorporate robust testing capabilities for your components, ensuring reliability and performance.
  • Yarn Compatibility: The starter is optimized for Yarn as the package manager, leveraging selective dependency resolutions for efficient package management.
  • Development and Production Commands: Easily execute various commands to start the development server, run tests, lint code, and build for production, streamlining the entire development process.