JAMstack / CMS
Modern Web-development architecture based on Client-side JavaScript, resuable APIs and prebuild Markup
When we talk about "The Stack," we no longer talk about operating systems, specific web servers, backend programming languages, or databases.
The JAMstack is not about specific technologies. It's a new way of building websites and apps that delivers better performance, higher security, lower cost of scaling, and a better developer experience.
The JAMstack allows people to create websites that are simpler, faster, and more secure than other web development methods. Sites created with the JAMstack are delivered by pre-rendering files that are served directly from a CDN, removing the requirement to manage or run web servers.
J - client-side JavaScript
A - reusable API
M - prebuild Markup
- No restriction on framework or library
- Websites are served as static html files generated from source files, such as markdown using a static side generator like Gatsby
- High performance, generated at deploy time
- Cheaper and easy to scale
- Easy to deploy (Netlify)
https://www.freecodecamp.org/news/jamstack-full-course
Digital Experience Platform (DXP)
A digital experience platform (DXP) is an integrated set of core technologies that support the composition, management, delivery and optimization of contextualized digital experiences.
https://www.bloomreach.com/en/blog/2018/01/what-is-digital-experience-platform-dxp.html#
Web Content Mangement (WCM)
Content Management System (CMS)
A CMS is used to add content to your website/application. It is great for clients to be able to update their own content
- Tradional CMS - Wordpress, Drupal, Keystone, Enduro
- Headless CMS - Contentful, Prismic.io, Sanity, Strapi
https://www.wpbeginner.com/showcase/best-cms-platforms-compared
Headless CMS
DesignAPIs fast, manage content easily
Strapi is the leading open-source headless CMS. It's 100% JS, fully customizable and developer-first
Strapi is a free and open-source headless CMS delivering your content anywhere you need.
- Keep control over your data. With Strapi, you know where your data is stored, and you keep full control at all times.
- Self-hosted. You can host and scale Strapi projects the way you want. You can choose any hosting platform you want: AWS, Render, Netlify, Heroku, a VPS, or a dedicated server. You can scale as you grow, 100% independent.
- Database agnostic. Strapi works with SQL databases. You can choose the database you prefer: PostgreSQL, MySQL, MariaDB, and SQLite.
- Customizable. You can quickly build your logic by fully customizing APIs, routes, or plugins to fit your needs perfectly.
Features
- Modern Admin Panel:Elegant, entirely customizable and a fully extensible admin panel.
- Secure by default:Reusable policies, CORS, CSP, P3P, Xframe, XSS, and more.
- Plugins Oriented:Install the auth system, content management, custom plugins, and more, in seconds.
- Blazing Fast:Built on top of Node.js, Strapi delivers amazing performance.
- Front-end Agnostic:Use any front-end framework (React, Vue, Angular, etc.), mobile apps or even IoT.
- Powerful CLI:Scaffold projects and APIs on the fly.
- SQL databases:Works with PostgreSQL, MySQL, MariaDB, and SQLite.
Strapi v4 - Announcing Strapi v4
https://design-system.strapi.io
https://design-system-alpha.vercel.app
https://github.com/strapi/strapi
https://github.com/strapi/strapi-starter-next-corporate
https://strapi.io/blog/user-authentication-in-next-js-with-strapi
https://strapi.io/blog/how-the-strapi-marketing-team-uses-strapi
https://itnext.io/5-things-i-love-about-strapi-a-node-js-headless-cms-700b4fec544b
Strapi.js Crash Course | Headless CMS
Strapi CMS for content managers
https://strapi.io/blog/virtual-event-starter-template-vercel-strapiconf
https://strapi.io/blog/how-to-build-a-crud-app-with-react-and-a-headless-cms
https://marmelab.com/blog/2020/06/18/build-an-application-in-fiften-minutes-using-strapijs.html
react-admin strapi - https://github.com/nazirov91/ra-strapi-rest
https://github.com/strapi/foodadvisor
- strapi admin panel
- strapi automatic frontend
- https://strapi.io/demo
https://jamstack.org/headless-cms
https://www.contentful.com/r/knowledgebase/what-is-headless-cms
https://www.storyblok.com/tp/headless-cms-explained
https://www.gatsbyjs.com/docs/how-to/sourcing-data/headless-cms/
Popular CMSs
The following CMSs have high popularity among Gatsby users and support key functionality like content previews and incremental builds. If you're choosing between CMSs, we recommend reading the Choosing Your CMS(s) documentation.
CMS | Guides | Plugin Docs | Official Starter |
---|---|---|---|
Contentful | guide | docs | starter |
WordPress | guide | docs | starter |
Shopify | guide | docs | starter |
Sanity | guide | docs | starter |
Strapi | guide | docs | |
Contentstack | guide | docs | |
DatoCMS | guide | docs | starter |
Drupal | guide | docs | |
Prismic | guide | docs | starter |
NetlifyCMS | guide | docs | starter |
Plone (Open Source Enterprise CMS) | |||
Wagtail (Open Source Django CMS) https://wagtail.io |
Other CMSs
https://github.com/outline/outline
KeystoneJS: The superpowered Node.js Headless CMS for developers - Keystone 6
sites.google.com - Great UI and functionalities
https://sites.google.com/view/deepak-sood
Frontmatter
Front Matter is an essential Visual Studio Code extension that simplifies working and managing your markdown articles. We created the extension to support many static-site generators like Hugo, Jekyll, Hexo, NextJs, Gatsby, and more.
The extension brings Content Management System (CMS) capabilities straight within Visual Studio Code. For example, you can keep a list of the used tags, categories, create content, and so much more.
https://github.com/estruyf/vscode-front-matter
Cloudflare Pages is a JAMstack platform for frontend developers to collaborate and deploy websites.