https://github.com/jake-101/bael-template

Brutalist Blog theme for Netlify CMS
https://github.com/jake-101/bael-template

blog blog-theme brutalist jamstack netlify netlify-cms netlify-template nuxt nuxt-netlify-cms nuxtjs static-site-generator theme vue vuejs

Last synced: 8 days ago
JSON representation

Brutalist Blog theme for Netlify CMS

• Host: GitHub
• URL: https://github.com/jake-101/bael-template
• Owner: jake-101
• License: mit
• Created: 2018-06-19T09:17:38.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T01:46:21.000Z (about 2 years ago)
• Last Synced: 2025-01-30T22:43:43.780Z (15 days ago)
• Topics: blog, blog-theme, brutalist, jamstack, netlify, netlify-cms, netlify-template, nuxt, nuxt-netlify-cms, nuxtjs, static-site-generator, theme, vue, vuejs
• Language: Vue
• Homepage: https://bael-theme.jake101.com/
• Size: 40.1 MB
• Stars: 221
• Watchers: 6
• Forks: 54
• Open Issues: 30
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - jake-101/bael-template - Brutalist Blog theme for Netlify CMS (vuejs)

README

        
# Bael Netlify CMS Template

![Bael](https://i.imgur.com/e1zmiB2.jpg "Bael CMS Blog Template")

> Bael is a free template that gives you an easy way to start a blog that uses modern technologies like static-site JAMstack architecture, CSS grid layout, responsive design, and fuzzy search — all wrapped up in a brutalist aesthetic.

## Info

Bael runs using [Nuxt.js](https://nuxtjs.org), [Vue.js](https://vuejs.org), [Netlify CMS](https://netlifycms.org), and is hosted by [Netlify](https://netlify.com). Bael requires an account with Netlify and Github/Bitbucket to deploy. Made by [Jake 101](https://jake101.com)

## Deploy to Netlify

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/jake-101/bael-template)

## Build Setup

``` bash

# install dependencies

$ npm install # Or yarn install

# serve with hot reload at localhost:3000

$ npm run dev

# build for production and launch server

$ npm run build

$ npm start

# generate static project

$ npm run generate

```

## Edit content

Access `yourwebsite.com/admin`, e.g. `localhost:3000/admin`.

## Manage dynamic routes

When you use Netlify CMS' `folder` type, you actually create dynamic routes. For example, when creating a blog,

you render different content files with the same template. And for the blog to know which content to render,

it looks at the url and gets the specific content file. That's a dynamic route.

So If you create a `folder` type with Netlify CMS, add the folder as glob to the `dynamicRoutes` variable

in the `nuxt.config.js`.

MIT License