DEV Community

Cover image for 🔥 Big frontend update: the Gowebly CLI now supports Bootstrap and Bulma
Vic Shóstak
Vic Shóstak

Posted on • Edited on

🔥 Big frontend update: the Gowebly CLI now supports Bootstrap and Bulma

Introduction

Hey, DEV friends! 😉

Since v1.9.0 release, the Gowebly CLI includes support for Bootstrap and Bulma CSS frameworks.

Let's take a closer look.

📝 Table of contents

What is Bootstrap?

[bootstrap](https://getbootstrap.com/)

Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

GitHub logo twbs / bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

↑ Table of contents

What is Bulma?

[bulma](https://bulma.io/)

The modern CSS framework that just works. Free & open source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces. No CSS knowledge required.

GitHub logo jgthms / bulma

Modern CSS framework based on Flexbox

↑ Table of contents

How to use new CSS frameworks with Gowebly CLI?

The first thing you should do is verify that you are using Gowebly CLI version v1.9.0 or higher.

Next, start creating the configuration file:

gowebly init
Enter fullscreen mode Exit fullscreen mode

The CLI will generate a .gowebly.yml file with the following config:

backend:
  module_name: project
  go_framework: default
  template_engine: default
  port: 7000
  timeout:
    read: 5
    write: 10

frontend:
  package_name: project
  css_framework: default
  runtime_environment: default
  htmx: latest
  hyperscript: latest
Enter fullscreen mode Exit fullscreen mode

Now, just switch the css_framework option in the frontend block to bootstrap or bulma.

Now, start creating a project:

gowebly create
Enter fullscreen mode Exit fullscreen mode

And Gowebly CLI create a new project with the selected CSS framework.

It works! 💥

↑ Table of contents

Photos and videos by

P.S.

If you want more articles (like this) on this blog, then post a comment below and subscribe to me. Thanks! 😻

❗️ You can support me on Boosty, both on a permanent and on a one-time basis. All proceeds from this way will go to support my OSS projects and will energize me to create new products and articles for the community.

support me on Boosty

And of course, you can help me make developers' lives even better! Just connect to one of my projects as a contributor. It's easy!

My main projects that need your help (and stars) 👇

  • 🔥 gowebly: A next-generation CLI tool that makes it easy to create amazing web applications with Go on the backend, using htmx, hyperscript or Alpine.js and the most popular CSS frameworks on the frontend.
  • create-go-app: Create a new production-ready project with Go backend, frontend and deploy automation by running one CLI command.

Other my small projects: yatr, gosl, json2csv, csv2api.

Top comments (0)