Assemble
gray-matter
Our great sponsors
| Assemble | gray-matter | |
|---|---|---|
| 0 | 7 | |
| 4,053 | 2,561 | |
| 0.4% | - | |
| 0.0 | 0.0 | |
| 4 months ago | 8 days ago | |
| CSS | 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.
Assemble
We haven't tracked posts mentioning Assemble yet.
Tracking mentions began in Dec 2020.
gray-matter
-
Create Blog Post Bookmarks in Next.js
Luckily for us, there is a fantastic NPM package that can help us with this. Let’s install it.
-
Link component(s) in markdown file
Use https://www.npmjs.com/package/gray-matter
-
How I built my portfolio using NextJS, Typescript, and Chakra UI
gray-matter: Converts a string with front-matter to object.
-
Adding an Updated Date to Markdown and Mdx Posts
Read each file with the gray-matter package which parses the frontmatter for us.
-
How to create a blog for your Next.js and ChakraUI website
Load the frontmatter - gray-matter
-
How I Built An Incomplete CMS
I began building a blog application for a site that I may or may not finish. The bulk of the project is based on the blog-starter-typescript example in the NextJs GitHub repo. Their example loads markdown files from a folder in the root directory and uses remark and gray-matter to convert the markdown into html and to get file metadata. The example code for these function is located in their lib folder as api.ts and markdownToHtml.ts.
-
AMP CMS: Finishing & deploying to DigitalOcean
Markdown content is parsed by gray-matter and then rendered to html by marked with an amp-image tag instead of a img. You can pass parameters (like width, height, layout and etc) to an image tag with the query parameters:
What are some alternatives?
front-matter - Extract YAML front matter from strings
react-markdown - Markdown component for React
remark - remark is a popular tool that transforms markdown with plugins. These plugins can inspect and change your markup. You can use remark on the server, the client, CLIs, deno, etc.
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
next-markdown-blog
next-markdown-blog - A lightly opinionated, full-featured Next.js blog managed through Git Workflows with markdown files.
docsify - 🃏 A magical documentation site generator.
Metalsmith - An extremely simple, pluggable static site generator.
Charge - ⚡️ An opinionated, zero-config static site generator.
Wintersmith - A flexible static site generator