Making a blog with Directus, MDX, and Next.js On-Demand ISR

1. next-mdx-remote

   1 21 2,942 5.8 TypeScript

   Load MDX content from anywhere

   

   We are going to be using next-mdx-remote for this tutorial. Let us install it -

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.

   

3. nextjs-directus-on-demand-isr

   2 1 2 0.0 JavaScript

   

   GitHub Repo with all the code

4. vercel

   3 606 13,804 9.9 TypeScript

   Develop. Preview. Ship.

   

   To test this out, we cannot use the development environment as getStaticProps runs every time a request is made on the development environment. Either build the site with npm run build or yarn build, serve it locally with npm run start or yarn start, and then use a local tunneling solution like Ngrok or else, deploy it to a hosting platform like Vercel.

5. murder

   4 1,375 11 10.0 Ruby

   Large scale server deploys using BitTorrent and the BitTornado library (by ervinb)

   

   Hope you liked this tutorial! Do share it if you have found it useful and you can follow me on Twitter too :)

6. mdx

   5 108 18,595 7.8 JavaScript

   Markdown for the component era

   

   There are many Headless CMSs out there and many other tools that let us make a blog easily and quickly. Today we look at building a blog with Directus and Next.js. We will use MDX to store our blog content in Directus. We are also going to use Next.js's on-demand incremental static regeneration feature which lets us add or update content on our website without triggering a re-build.

7. Directus

   6 227 31,462 9.9 TypeScript

   The flexible backend for all your projects 🐰 Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.

   

   There are many Headless CMSs out there and many other tools that let us make a blog easily and quickly. Today we look at building a blog with Directus and Next.js. We will use MDX to store our blog content in Directus. We are also going to use Next.js's on-demand incremental static regeneration feature which lets us add or update content on our website without triggering a re-build.

Suggest a related project