|2 months ago||3 months ago|
|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.
We haven't tracked posts mentioning Charge yet.
Tracking mentions began in Dec 2020.
Link component(s) in markdown file
1 project | reddit.com/r/nextjs | 26 Jan 2022
How I built my portfolio using NextJS, Typescript, and Chakra UI
10 projects | dev.to | 24 Oct 2021
gray-matter: Converts a string with front-matter to object.
Adding an Updated Date to Markdown and Mdx Posts
1 project | dev.to | 16 Aug 2021
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
4 projects | dev.to | 31 Jul 2021
Load the frontmatter - gray-matter
How I Built An Incomplete CMS
4 projects | dev.to | 23 Jun 2021
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
1 project | dev.to | 10 Jan 2021
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
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.
react-markdown - Markdown component for React
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.
Assemble - Get the rocks out of your socks! Assemble makes you fast at web development! Used by thousands of projects for rapid prototyping, themes, scaffolds, boilerplates, e-books, UI components, API documentation, blogs, building websites/static site generator, an alternative to Jekyll for gh-pages and more! Gulp- and grunt-friendly.
Wintersmith - A flexible static site generator