Our great sponsors
- Appwrite - The Open Source Firebase alternative introduces iOS support
- Klotho - AWS Cloud-aware infrastructure-from-code toolbox [NEW]
- InfluxDB - Access the most powerful time series database as a service
- ONLYOFFICE ONLYOFFICE Docs — document collaboration in your environment
|about 1 month ago||about 1 month ago|
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.
The ‘Wikipedia of Maps,’ Tensions Grow over Corporate Influence
2 projects | news.ycombinator.com | 19 Feb 2021
Strava worked with Mapbox when they were switching over. I don't know what exactly the deal was, but Mapbox employees added a bunch of missing stuff to OSM based on Strava data analysis.
Create an Interactive Table of Contents for a Next.js Blog with Remark
5 projects | dev.to | 21 Apr 2023
Although we are building a custom table of contents, we won't have to write everything from scratch. To separate the Markdown/MDX content from the front matter, we'll use the Gray-matter package. It is optional in case you don't have front matter in your Markdown files. To process the Markdown itself, we'll use the Remark package. We'll also need the unist-util-visit package for traversing node trees and mdast-util-to-string for getting the text content of a node.
Create your own blog with MDX and NextJS
2 projects | dev.to | 5 Dec 2022
In this article we walk you through the process of creating a simple blog app using the popular React framework NextJS, gray-matter and next-mdx-remote.
NextJS 13 Blog Starter
6 projects | dev.to | 14 Nov 2022
In order to get post information (such as author, title, date, etc.) from our HTML without having them be apart of our rendered post we need a way to parse YAML front matter, this is where gray-matter comes in hand.
Create a Markdown Editor with Rust and React
12 projects | dev.to | 13 Oct 2022
Turn a Markdown blog to a simple SSG
4 projects | dev.to | 30 Jul 2022
Over the past few weeks, I mostly wrote on how to template a Node.js application with EJS using Express. Then, I wrote an article showing how to create a Markdown blog in Node.js using EJS, Express, gray-matter and markdown-it. Today, I'll combine those tutorials to turn the Markdown blog, from the last tutorial, into a simple SSG.
Markdown blog with EJS
3 projects | dev.to | 25 Jul 2022
gray-matter, to parse the front matter from the Markdown files
Create Blog Post Bookmarks in Next.js
3 projects | dev.to | 6 Jun 2022
Luckily for us, there is a fantastic NPM package that can help us with this. Let’s install it.
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.
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.
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.
docsify - 🃏 A magical documentation site generator.
next-markdown-blog - A lightly opinionated, full-featured Next.js blog managed through Git Workflows with markdown files.
leaflet-geoman - 🍂🗺️ The most powerful leaflet plugin for drawing and editing geometry layers
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.
Metalsmith - An extremely simple, pluggable static site generator.
maps - A Mapbox react native module for creating custom maps
Charge - ⚡️ An opinionated, zero-config static site generator.