Tailwind Remix-run MDX.js Starter Blog

This is a Remix-run, Tailwind CSS, typescript blogging starter template. This was made using the Remix's blues stack.

Easily the most feature rich Remix-run markdown blogging template in existence. Comes with built-in features that are very customizable to make the process of writing technical blogs super easy. Perfect as a replacement to existing Jekyll and Hugo individual blogs.

Examples

• Demo Blog - this repository is deployed to fly.io
• My personal blog

Features

• Easily customize styling with Tailwind 3.0
• Near perfect lighthouse score - Lighthouse report
• Mobile-friendly view
• MDX allows you to use JSX in your markdown content
• Math display supported via KaTeX using the rehype-katex
• Initial attempt at SEO using remix-seo
• Typescript support
• Citation and bibliography support via rehype-citation
• TOC component
• Blog Templates
• Server-side syntax highlighting with line numbers and line highlighting via rehype-prism-plus
• Auto adds ids to headings using rehype-slug
• Easily retrieve data with mdx-bundler
• A page to showcase all your projects
• Support for tags - each unique tag will be its own page
• Mobile-friendly view
• ~~Support for analytics including Umami, Plausible, Simple Analytics, Posthog and Google Analytics~~ still to be implemented
• ~~Support for comments via Newsletter API and component with support for Mailchimp, Buttondown, Convertkit, Klaviyo, Revue, and Emailoctopus~~ still to be implemented
• ~~Newsletter API and component with support for Mailchimp, Buttondown, Convertkit, Klaviyo, Revue, and Emailoctopus~~ still to be implemented

Feature request or facing an issue? Check the discussion page to see if it has been brought up previously. Otherwise, feel free to start a new discussion thread. All ideas are welcome!

Sample posts

• Synopsis of features in this starter blog app
• Guide for writing markdown text
• An expose of how to add markdown images in jsx
• An example of representing mathematical notations
• See how to present long prose

Credits and Inspiration

• Template from Tailwind nextjs starter blog template © @timlrx

⭐ Found It Helpful? Star It!

If you found this project helpful, let the community know by giving it a star: 👉⭐

Licence

MIT © Sangeet Agarwal