tailwind-remix-run-mdxjs-typescript-starter-blog
This is a Remix-run, Tailwind CSS blogging starter template. Write your technical blogs using MDX and comes with features that are super easy to customize. Perfect as a replacement to existing Jekyll and Hugo individual blogs.
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 Analyticsstill to be implementedSupport for comments via Newsletter API and component with support for Mailchimp, Buttondown, Convertkit, Klaviyo, Revue, and Emailoctopusstill to be implementedNewsletter API and component with support for Mailchimp, Buttondown, Convertkit, Klaviyo, Revue, and Emailoctopusstill 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: 👉⭐