Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tidbitsjs/jamstack-site
JAMStack blog site
https://github.com/tidbitsjs/jamstack-site
11ty cms jamstack netlify nunjucks
Last synced: 2 days ago
JSON representation
JAMStack blog site
- Host: GitHub
- URL: https://github.com/tidbitsjs/jamstack-site
- Owner: TidbitsJS
- License: mit
- Created: 2021-07-20T10:08:37.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-07-21T16:35:49.000Z (over 3 years ago)
- Last Synced: 2024-11-10T17:23:06.084Z (about 1 month ago)
- Topics: 11ty, cms, jamstack, netlify, nunjucks
- Language: Nunjucks
- Homepage: https://tidbit-blog.netlify.app
- Size: 1.65 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# JAMStack personal blog - starter files
These are the starting files used by [Kevin Powell](https://kevinpowell.co) to create a personal blog site for the [Codementor](https://www.codementor.io/) DevProjects Challenge, [Create a fast and secure blog using JAMStack](https://www.codementor.io/projects/web/create-a-fast-and-secure-blog-using-jamstack-c93coupnxb). You are free to use them however you want to get started with the challenge, if you'd like to start working on creating the site without worrying about the content itself.
The provided files are finished pages using regular HTML and CSS. The HTML files can be broken down into peices, and used to build out the different templates and partial files using a templating language of your choice.
The styling of the pages is already complete. That said, the `design-files` folder contains both a Figma file, and .jpg of a design if you want to try to build it from scratch. You do not need to use this design at all either, it depends on how you wish to approach the challenge.
The `src` folder contains files so that you can get your project up and running without worrying about content for posts/articles. That folder contains:
- HTML files to use as a base for the different page layouts. These can be turned into the templates that will be used.
- CSS file for styling the pages
- 5 blog articles in the `blog` folder
- images and a logo in the `assets` folderThe articles are written in Markdown, and include Front Matter. Depending on the Static Site Generator you use, it is possible that you will have to modify these a little if you wish to use them.
## DevProjects Challenge
As mentioned, these files are here to help get started with a DevProjects challenge. Please visit the [challenge page](#) to learn more about the challenge.
## Tutorial
You can [watch this video](https://youtu.be/4wD00RT6d-g) to see how Kevin uses Eleventy, Netlify, and Netlify CMS to create a full-featured blog site built entirely with static files.