contentlayer
decap-cms
contentlayer | decap-cms | |
---|---|---|
29 | 80 | |
3,088 | 17,510 | |
1.6% | 0.3% | |
5.2 | 9.2 | |
about 1 month ago | 3 days ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
contentlayer
-
Show HN: Pages CMS – A CMS for GitHub
This looks and sounds great...
I'm currently using [contentlayer.dev](https://github.com/contentlayerdev/contentlayer) to manage docs and blog content, mostly .mdx files on urlbox.com.
It works well with next.js but unfortunately is abandonware now.
I also have a few custom remark/rehype plugins.
You're right it is a pain to update articles buried in your repo especially with less technical team members. I already tried out TinaCMS to try and solve the editing issues, but their editor wasn't so nice, and it seemed to implicitly make a commit on every tiny change to any content, so I'm really hoping I could use something like this to edit my already existing content...
- How to handle the marketing/landingpage/articles area of your app?
-
Upgrade my blog to Next.js 13.4 with MDX, Prisma, Tailwindcss, Planetscale, Giscus and Contentlayer
Content Management: Contentlayer
-
What is your tech stack for blog websites? (not wordpress)
For my personal website, I use Next and Contentlayer since I prefer to write my content as markdown files. I then host it using vercel's free tier.
-
Show HN: File Based Documentation Site – Next.js
I've seen https://www.contentlayer.dev/ used for similar stuff on open source codebases like taxonomy from shadcn
-
Rebuilding my Portfolio with Next, MDX, and Contentlayer
Contentlayer makes it super easy to grab our mdx blog posts in a type-safe way.
- How to manage copies in Next/React
-
Jumpstart a content-driven NextJS site with Flowershow
Flowershow uses Contentlayer to turn your Markdown content into data stored in JSON files. By defining document schemas, Contentlayer can generate data that is validated (making it type-safe) and can be imported from anywhere in your Next.js app.
-
Contentlayer with next/image
My first reaction was to use MDX and use next/image just as in the example. But that means that we can't use normal markdown images and it turns out that this won't work with contentlayer. This wont work, because Next.js does some magic on the import of the static image. The object which gets returned by the import, contains not only a path to the image, it contains also the width and height, plus a very small version of the image for the blurred placeholder. This magic does not work if the MDX file is loaded with contentlayer, because contentlayer uses its own bundler, which does not know about the import magic for images.
-
MDX autolink headings
After the installation we have to tell MDX that it should use the plugin. The example below shows a contentlayer config, but it should work with every MDX setup.
decap-cms
-
Show HN: Pages CMS – A CMS for GitHub
Following one of the comments in this thread I reviewed two other products in this space - https://www.staticcms.org/ and https://decapcms.org/ - and it looks like the webpages are almost a direct copy of one another, one in dark mode and one in light mode.
I'm a technical product marketer, and I find these type of landing page copying amusing to no end.
-
9 best Git-based CMS platforms for your next project
Decap CMS, formerly Netlify CMS, is an extensible headless CMS built as a single-page React app. It’s an open source and completely free-to-use option that offers rich-text editing, real-time preview, and drag-and-drop media uploads.
-
Ask HN: Tools for Managing Static Sites?
You can look into a Git-based CMS, such as https://github.com/decaporg/decap-cms
These typically are designed to support static site generators.
-
Looking for the Best Way to Create and Update a One-Page Event Grid for My City
I found https://decapcms.org/ which seems like an easy to use.
-
Casidoo on TinaCMS
Did you consider https://decapcms.org/ (previously Netlify CMS)? I'm surprised it never really caught on as it seems a good fit for most small Markdown based sites. Looks like Smashing Magazine was using it before they moved to Tina CMS (https://www.smashingmagazine.com/2020/01/migration-from-word...).
-
The theory versus the practice of “static websites”
Products like [decap CMS](https://github.com/decaporg/decap-cms) try to bridge that gap, but I agree that this space needs to be further developed. In fact I think there needs to be a bunch more work to allow mere mortals to use version control and branch workflows in day to day work.
-
How to build a website without frameworks and tons of libraries
I've thought of something similar! A git-based flow for a friend's static portfolio site, where he can make text edits and upload images, and the site builds that content with HTML templates.
Not sure how the GitHub markdown editor would feel for the user. It might be really great, even for uploading images.
I was imagining a static admin page, WYSIWYG, that makes git pushes on submit. These were the headless CMSs that seem to be able to accomplish that:
https://www.siteleaf.com/
https://decapcms.org/
And not git based, but similar idea: https://editable.website/
And this is what the admin edit page usually looks like: https://quick-edit-demo.vercel.app/admin/index.html#/collect...
But was taking a bit of work to configure.
-
Looking for a statically deployed site-builder / CMS that stores content in GitHub
Since I made my post, I've also discovered Decap CMS. This looks fairly close to what I was looking for - it deploys as a static SPA alongside the site on a /admin route, allows login with Github (and several other platforms), and builds the site using a choice of static site generator like Gatsby/Hugo/Jekyll etc. The templates are relatively rigid by default though - page layouts are defined up front, and to add a page with a different layout you need to manually add some files to the repo. It seems like there's a way to work around this and add flexibility, but it needs a bit of custom React development. It seems like this might be worth the time investment for me though, since it's the closest thing I've found to what I need so far.
-
Suggestions for a CMS
If you've got the content in .md and .json files and you just need a way to add or modify that content, I would recommend you look into decap CMS (formerly netlify CMS)
- Best CMS/SSG for small business website?
What are some alternatives?
content - The file-based CMS for your Nuxt application, powered by Markdown and Vue components.
Strapi - 🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.
tinacms - A fully open-source headless CMS that supports Markdown and Visual Editing
mdx - Markdown for the component era
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
Prisma - Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB
sanity - Sanity Studio – Rapidly configure content workspaces powered by structured content
nextjs-contentlayer-guide - Demo application for my guide https://imadatyat.me/guides/how-to-setup-contentlayer-in-nextjs
firecms - Awesome Firebase/Firestore-based CMS. The missing admin panel for your Firebase project!
effect - An ecosystem of tools to build robust applications in TypeScript.
Directus - The Modern Data Stack 🐰 — Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.