Learn how to use Next.js, Nx and Tailwind together

In the previous article, we looked into how to setup Tailwind with Next.js and Nx workspace. In this article we are going to learn how to use Next.js to read files from the file system, to parse the Markdown, and to render it to HTML. In particular, we’re going to see how Nx helps us generate code and organize the features into Nx libraries. Rendering Markdown files is an essential part of creating a JAMStack application. For our blog platform, we are going to write articles in Markdown, which should then be parsed and rendered properly.

Building a blog with Next.js and Nx Series

This article is part of a series around building a blog with Nx, Next.js, Tailwind, Storybook and Cypress.

  • Create a Next.js web app with Nx
  • Setup Next.js to use Tailwind with Nx
  • Read and render Markdown files with Next.js and Nx
  • Component hydration with MDX in Next.js and Nx (soon)
  • Hot Reload MDX changes in Next.js with Nx (soon)
  • Use Storybook with Next.js, Tailwind and Nx to develop components in isolation (soon)
  • Use Cypress with Next.js and Nx to battle test your React Components (soon)
  • Publishing a Next.js site to Vercel with Nx (soon)

Check back later, follow me on Twitter or subscribe to the Newsletter to get updates about upcoming articles

#next #markdown #react

Read and Render Markdown Files with Next.js and Nx
13.95 GEEK