Notepad/enter/Coding Tips (Classical)/Terminal Tips/2. CLI Tools/Languages/High level - Front-end/Web "Frameworks".md

This concept of a web framework which is really just a folder structure of objects for a program to read  from and pull functions into the website more easily from. There are a bunch of site generator frameworks used  in JavaScript & markdown/YAML & Python. It really just depends on the language because there is probably a framework for it.  

It's all really annoying. Refer back to https://motherfuckingwebsite.com when in doubt. 

Namely for Node.JS there are: 

- 11ty 
- Astro 
	- [getting started](https://astro.new/latest/)
	- phenomenal [examples of astro ](https://astro.build/showcase/)
	- [tutorial docs ](https://docs.astro.build/en/tutorial/0-introduction/)
	- [online Editor template to get started](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics?file=package-lock.json&on=stackblitz)
- & more

More generally for site generators there are: 
- Jekyll
	- which I used on my original github pages site! 
- [Hexo.io ](https://hexo.io)
	- a really simple and great static site generator that works with markdown 
- Hugo 
	- a cool [theme](https://themes.gohugo.io/themes/hugo-polyrhythmic/)
	- getting [started with macos](https://gohugo.io/installation/macos/)
- MkDocs
- [Docsify](https://docsify.js.org/#/) 
	- works in [offline mode](https://docsify.js.org/#/pwa) as well
- Gitbook
- Nuxt
- VuePress
- & more as documented here on [JamStack](https://jamstack.org/generators/)

Then, for the non-technical, CMS entities on the web were  created. These are like: 
- Wordpress
- [Decap](https://decapcms.org) (formerly NetlifyCMS) 
- [Doc2Site](https://doc2.site)
- Ghost
- Directus
- [KeystoneJS](https://keystonejs.com)
- [Prose](https://github.com/prose/prose?tab=readme-ov-file) for Github
	- Prose provides a beautifully simple content authoring environment for CMS-free websites. It's a web-based interface for managing content on GitHub. Use it to create, edit, and delete files, and save your changes directly to GitHub. Host your website on GitHub Pages for free, or set up your own GitHub webhook server.
	- specifically for Jekyll sites
- [Publii](https://getpublii.com/showcase/)
- [Strapi](https://strapi.io/integrations/hugo-cms)
Noted: Sunday, October 20, 2024, 00:00:04 + 5 2024-10-20 04:00:05 +00:00			`This concept of a web framework which is really just a folder structure of objects for a program to read from and pull functions into the website more easily from. There are a bunch of site generator frameworks used in JavaScript & markdown/YAML & Python. It really just depends on the language because there is probably a framework for it.`

Noted: Sunday, October 20, 2024, 01:30:01 + 5 2024-10-20 05:30:02 +00:00			`It's all really annoying. Refer back to https://motherfuckingwebsite.com when in doubt.`

Noted: Sunday, October 20, 2024, 00:00:04 + 5 2024-10-20 04:00:05 +00:00			`Namely for Node.JS there are:`

			`- 11ty`
			`- Astro`
Noted: Sunday, October 20, 2024, 00:30:01 + 5 2024-10-20 04:30:01 +00:00			`- [getting started](https://astro.new/latest/)`
			`- phenomenal [examples of astro ](https://astro.build/showcase/)`
			`- [tutorial docs ](https://docs.astro.build/en/tutorial/0-introduction/)`
Noted: Sunday, October 20, 2024, 17:30:01 + 5 2024-10-20 21:30:01 +00:00			`- [online Editor template to get started](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics?file=package-lock.json&on=stackblitz)`
Noted: Sunday, October 20, 2024, 00:30:01 + 5 2024-10-20 04:30:01 +00:00			`- & more`

			`More generally for site generators there are:`
			`- Jekyll`
			`- which I used on my original github pages site!`
Noted: Sunday, October 20, 2024, 01:30:01 + 5 2024-10-20 05:30:02 +00:00			`- [Hexo.io ](https://hexo.io)`
			`- a really simple and great static site generator that works with markdown`
Noted: Sunday, October 20, 2024, 00:30:01 + 5 2024-10-20 04:30:01 +00:00			`- Hugo`
Noted: Sunday, October 20, 2024, 01:00:01 + 5 2024-10-20 05:00:01 +00:00			`- a cool [theme](https://themes.gohugo.io/themes/hugo-polyrhythmic/)`
			`- getting [started with macos](https://gohugo.io/installation/macos/)`
Noted: Sunday, October 20, 2024, 00:30:01 + 5 2024-10-20 04:30:01 +00:00			`- MkDocs`
Noted: Sunday, October 20, 2024, 01:00:01 + 5 2024-10-20 05:00:01 +00:00			`- [Docsify](https://docsify.js.org/#/)`
			`- works in [offline mode](https://docsify.js.org/#/pwa) as well`
Noted: Sunday, October 20, 2024, 00:30:01 + 5 2024-10-20 04:30:01 +00:00			`- Gitbook`
			`- Nuxt`
			`- VuePress`
Noted: Sunday, October 20, 2024, 01:00:01 + 5 2024-10-20 05:00:01 +00:00			`- & more as documented here on [JamStack](https://jamstack.org/generators/)`

Noted: Sunday, October 20, 2024, 01:30:01 + 5 2024-10-20 05:30:02 +00:00			`Then, for the non-technical, CMS entities on the web were created. These are like:`
Noted: Sunday, October 20, 2024, 01:00:01 + 5 2024-10-20 05:00:01 +00:00			`- Wordpress`
			`- [Decap](https://decapcms.org) (formerly NetlifyCMS)`
			`- [Doc2Site](https://doc2.site)`
			`- Ghost`
			`- Directus`
			`- [KeystoneJS](https://keystonejs.com)`
			`- [Prose](https://github.com/prose/prose?tab=readme-ov-file) for Github`
			`- Prose provides a beautifully simple content authoring environment for CMS-free websites. It's a web-based interface for managing content on GitHub. Use it to create, edit, and delete files, and save your changes directly to GitHub. Host your website on GitHub Pages for free, or set up your own GitHub webhook server.`
			`- specifically for Jekyll sites`
			`- [Publii](https://getpublii.com/showcase/)`
			`- [Strapi](https://strapi.io/integrations/hugo-cms)`