🔥 Big frontend update: the Gowebly CLI now supports Bootstrap and Bulma
Tags: go, css, webdev, news
Published: 2023-12-19 11:17:51

## Introduction

Hey, DEV friends! 😉

Since `v1.9.0` release, the [Gowebly](https://github.com/gowebly/gowebly) CLI includes support for [Bootstrap][bootstrap_url] and [Bulma][bulma_url] CSS frameworks.

Let's take a closer look.

<a name="toc"></a>
### 📝 Table of contents

- [What is Bootstrap?](#what-is-bootstrap)
- [What is Bulma?](#what-is-bulma)
- [How to use new CSS frameworks with Gowebly CLI?](#how-to-use-new-css-frameworks-with-gowebly-cli)

<a name="#what-is-bootstrap"></a>
## What is Bootstrap?

![[bootstrap](https://getbootstrap.com/)](https://getbootstrap.com/docs/5.3/assets/brand/bootstrap-logo-shadow.png)

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 https://github.com/twbs/bootstrap no-readme %}

[↑ Table of contents](#toc)

<a name="#what-is-bootstrap"></a>
## What is Bulma?

![[bulma](https://bulma.io/)](https://bulma.io/images/bulma-logo.png)

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 https://github.com/jgthms/bulma no-readme %}

[↑ Table of contents](#toc)

<a name="#how-to-use-new-css-frameworks-with-gowebly-cli"></a>
## 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:

```console
gowebly init
```

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

```yaml
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
```

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

Now, start creating a project:

```console
gowebly create
```

And [Gowebly CLI][gowebly_url] create a new project with the **selected CSS framework**.

It works! 💥

[↑ Table of contents](#toc)

<a name=""></a>
## Photos and videos by

- Vic Shóstak https://github.com/koddr
- Bootstrap https://getbootstrap.com
- Bulma https://bulma.io

<!-- Article links -->

[bootstrap_url]: https://getbootstrap.com
[bulma_url]: https://bulma.io

<a name=""></a>
## P.S.

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

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][gowebly_url]: A next-generation CLI tool for easily build amazing web applications with Go on the backend, using htmx & hyperscript and the most popular atomic/utility-first CSS frameworks on the frontend.
- ✨ [create-go-app][cgapp_url]: Create a new production-ready project with Go backend, frontend and deploy automation by running one CLI command.

Other my small projects: [yatr][yatr_url], [gosl][gosl_url], [json2csv][json2csv_url], [csv2api][csv2api_url].

<!-- Footer links -->

[gowebly_url]: https://github.com/gowebly/gowebly
[cgapp_url]: https://github.com/create-go-app
[yatr_url]: https://github.com/koddr/yatr
[gosl_url]: https://github.com/koddr/gosl
[csv2api_url]: https://github.com/koddr/csv2api
[json2csv_url]: https://github.com/koddr/json2csv