How to build a blog using Remix and MDX

• remix-blog

  1 7 0.0 CSS

The entire code for this tutorial is present on my GitHub: https://github.com/kira272921/remix-blog

• concurrently

  27 6,781 7.2 TypeScript

  Run commands concurrently. Like `npm run watch-js & npm run watch-less` but better.

  

Concurrently: Concurrently allows you to run multiple commands in a single terminal, so we can watch and build our tailwindcss styles as well as our entire remix application in a single terminal session

• 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.

  

• Tailwind CSS

  1,281 78,568 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

Hey, folks 👋. Today we are going to build a new blog from starch using Remix, MDX and TailwindCSS

• react-router

  156 51,937 9.5 TypeScript

  Declarative routing for React

  

Remix is a full-stack web framework based on web fundamentals and modern UX. It is created by the team of React Router. Remix isn't any brand new framework it had been over for a year but it was a paid framework over then but now the time had been changed and Remix is now free and open-source software 🚀.

• PrismJS

  59 12,018 0.0 JavaScript

  Lightweight, robust, elegant syntax highlighting.

  

We are going to be using highlight.js for syntax highlighting, you could even use prism.

• Next.js

  2,047 120,804 10.0 JavaScript

  The React Framework

  

Remix is a React-based framework that allows to you render code on the server-side. Wait for a second 🤔 Doesn't NextJS do the same thing?

• mdx

  99 16,838 8.7 JavaScript

  Markdown for the component era

  

Hey, folks 👋. Today we are going to build a new blog from starch using Remix, MDX and TailwindCSS

• 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.

  

• Highlight.js

  83 23,076 8.7 JavaScript

  JavaScript syntax highlighter with language auto-detection and zero dependencies.

  

We are going to be using highlight.js for syntax highlighting, you could even use prism.

Suggest a related project