Skip to content

jake-101/bael-template

Repository files navigation

Bael Netlify CMS Template

Bael

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, Vue.js, Netlify CMS, and is hosted by Netlify. Bael requires an account with Netlify and Github/Bitbucket to deploy. Made by Jake 101

Deploy to Netlify

Deploy to Netlify

Build Setup

# 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