Build a Food Blog with Next.js, MDX, Tailwind CSS, and TypeScript

• Next.js

  2,047 120,804 10.0 JavaScript

  The React Framework

  

In this tutorial, we'll build a food recipes blog with Next.js, MDX, Tailwind CSS, and TypeScript. Food blogs use headlines such as "Ingredients" and "Directions" in every article, so it makes sense to use MDX.

• nextjs-mdx-food-blog

  2 37 0.0 TypeScript

  A food blog built with Next.js, MDX, Tailwind CSS, and TypeScript

You can download and use the static files in my repo for testing.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• TypeScript

  1,305 98,060 9.9 TypeScript

  TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  

In this tutorial, we'll build a food recipes blog with Next.js, MDX, Tailwind CSS, and TypeScript. Food blogs use headlines such as "Ingredients" and "Directions" in every article, so it makes sense to use MDX.

• Tailwind CSS

  1,281 78,568 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

In this tutorial, we'll build a food recipes blog with Next.js, MDX, Tailwind CSS, and TypeScript. Food blogs use headlines such as "Ingredients" and "Directions" in every article, so it makes sense to use MDX.

• mdx

  99 16,838 8.7 JavaScript

  Markdown for the component era

  

I think it's a good idea to write a blog post using Markdown. But if you have text to reuse, it doesn't make sense to copy and paste it into an article every time. If you want to modify that text, you will have to modify all markdown files. MDX allows you to write JSX in your markdown files, making it easy and flexible to create and update articles.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project