Made.com Tech Blog

Use MDX with Next.js

Getting Started

We use pnpm package manager. You can install it by running

npm install -g pnpm

First, run the development server:

pnpm install

pnpm dev

Open http://localhost:3000 with your browser to see the result.

How to write a Blog post

• To start create a new .md file in the posts directory and name it starting with the date followed by an understandable title like: YYYY-MM-DD-my-new-blog-post-title.md

  The name of the file will be used as a slug in the url.

• Add the metadata at the top of the file (title, author and tags for now). This data will be used in the rendering of the blog post.

  ---
  title: My new Amazing Post Title
  author: Me
  tags:
      - first
      - second
      - third
  ---

  You can have a look at posts/_example.md to some hints about how to write with Markdown syntax.

• Open a new PR with your new blog post and ask for a review in the #guild-blog slack channel!

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.