I’ve been a Nx user since the very beginning. It is crazy to think back now after so many years. The mission & direction always made sense to me. You can imagine I got quite excited when I had this in my inbox ..read more

During this journey from setting up our Next.js app within an Nx workspace, to configuring Tailwind, Markdown rendering, Storybook and Cypress we’re now at the point where we should look at the deployment of our site. Let’s learn how to deploy to some static environment as well as leverage the rich features when deploying to Vercel ..read more

In the previous article, we talked about how Nx comes with first-class support for setting up Storybook. Nx also automatically generates Cypress e2e tests for the various Storybook stories, which is exactly what we’re going to explore in this article ..read more

In the previous article, we talked about Nx workspace generators and how they can help be more efficient in automating repetitive tasks. In this article, we’re going to leverage Nx’s excellent support for Storybook to develop our components in isolation before using them in our Next.js app ..read more

In the previous article we talked about how to leverage Nx capabilities to create a custom Next server that allows us to perform a fast refresh not only when our React components change, but also whenever we change something in our MDX files. This is especially interesting as we’re writing a new article and want to see the changes live immediately in our browser. This week we’ll continue by looking at how to leverage Nx Workspace generators to scaffold new blog drafts ..read more

In the previous article we learned how to use next-mdx-remote to load and hydrate MDX content. In this article, we’re going to learn how to implement a custom server for our Next.js app with Nx, that allows us to auto-refresh the rendering whenever something in our MDX files changes ..read more

In the previous article, we explored how to render Markdown with Next.js as well as how Nx can help by moving the markdown-related processing logic into its own library. In this article, we’re going to explore how to dynamically hydrate React components with MDX and Next.js ..read more

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 ..read more

In the previous article we learned how to setup Next.js in an Nx workspace. In this article we carry that forward, by adding TailwindCSS support to our setup ..read more

In this article, we’re going to explore how to create our very first web application with Next.js and Nx. We’re going to learn about the anatomy of a Nx based workspace, how to generate one, and specifically how to setup our Next.js application. Finally, we’re also going to create our blog’s about page and learn about some handy Next.js features ..read more