https://github.com/jake-101/bael-template-alt-layout
Full page image alt layout for Bael Netlify CMS template
https://github.com/jake-101/bael-template-alt-layout
blog-theme fullscreen netlify netlify-cms nuxtjs portfolio-template static-website template vue
Last synced: about 1 month ago
JSON representation
Full page image alt layout for Bael Netlify CMS template
- Host: GitHub
- URL: https://github.com/jake-101/bael-template-alt-layout
- Owner: jake-101
- License: mit
- Created: 2019-05-26T20:07:56.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-10T15:32:09.000Z (over 2 years ago)
- Last Synced: 2025-03-17T11:21:34.283Z (about 1 month ago)
- Topics: blog-theme, fullscreen, netlify, netlify-cms, nuxtjs, portfolio-template, static-website, template, vue
- Language: Vue
- Homepage: https://bael-template-alt-layout.netlify.com/
- Size: 40.1 MB
- Stars: 3
- Watchers: 0
- Forks: 3
- Open Issues: 24
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Bael Netlify CMS 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
[](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