{"id":27200699,"url":"https://github.com/loke-dev/remix-mdx-blog-template","last_synced_at":"2026-04-05T21:03:47.582Z","repository":{"id":287067243,"uuid":"962140672","full_name":"loke-dev/remix-mdx-blog-template","owner":"loke-dev","description":"Remix (Vite) MDX blog starter template","archived":false,"fork":false,"pushed_at":"2025-04-09T19:48:20.000Z","size":1876,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-09T20:22:45.397Z","etag":null,"topics":["blog","journal","mdx","portfolio","portfolio-template","react","rehype","remark","remix","starter","tailwindcss","template","typescript","vite"],"latest_commit_sha":null,"homepage":"https://remix-mdx-blog-template.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/loke-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-04-07T17:58:01.000Z","updated_at":"2025-04-09T19:56:51.000Z","dependencies_parsed_at":"2025-04-09T20:22:51.871Z","dependency_job_id":"4c497681-1169-4333-8648-675a8a323bae","html_url":"https://github.com/loke-dev/remix-mdx-blog-template","commit_stats":null,"previous_names":["loke-dev/remix-mdx-blog-template"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loke-dev%2Fremix-mdx-blog-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loke-dev%2Fremix-mdx-blog-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loke-dev%2Fremix-mdx-blog-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loke-dev%2Fremix-mdx-blog-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/loke-dev","download_url":"https://codeload.github.com/loke-dev/remix-mdx-blog-template/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248114402,"owners_count":21050027,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blog","journal","mdx","portfolio","portfolio-template","react","rehype","remark","remix","starter","tailwindcss","template","typescript","vite"],"created_at":"2025-04-09T21:29:55.808Z","updated_at":"2025-12-30T22:07:09.917Z","avatar_url":"https://github.com/loke-dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Remix MDX Blog Template\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/ba7c5cd1-1611-439c-811a-e1d33f9d046c\" alt=\"Remix MDX Blog Template\" width=\"600\" /\u003e\n\n  \u003cp\u003e\n    \u003cstrong\u003eA powerful, modern blog template built with Remix, Vite, and Tailwind.\u003c/strong\u003e\u003cbr /\u003e\n    Perfect for developers and content creators who want to share their ideas beautifully.\n  \u003c/p\u003e\n\n  \u003cp\u003e\n    \u003ca href=\"https://github.com/loke-dev/remix-mdx-blog-template/stargazers\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/stars/loke-dev/remix-mdx-blog-template?style=for-the-badge\u0026color=22c55e\" alt=\"GitHub Stars\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/loke-dev/remix-mdx-blog-template/network/members\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/forks/loke-dev/remix-mdx-blog-template?style=for-the-badge\u0026color=0ea5e9\" alt=\"GitHub Forks\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/loke-dev/remix-mdx-blog-template/issues\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/issues/loke-dev/remix-mdx-blog-template?style=for-the-badge\u0026color=f43f5e\" alt=\"GitHub Issues\" /\u003e\n    \u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n## ✨ Features\n\n- **⚡️ Lightning Fast** - Built with Remix v2 and Vite for incredible performance and developer experience\n- **📝 MDX Powered** - Write content in Markdown with the power to include React components directly in your posts\n- **👨‍💻 Developer Ready** - TypeScript, Tailwind CSS, shadcn/ui components, and a well-organized project structure\n- **🔒 Type-Safe Content** - Manage blog posts with type safety using content-collections with Zod validation and auto-generated TypeScript types\n- **🔍 SEO Optimized** - Pre-configured meta tags, Open Graph support, and SEO best practices to help your content rank better\n- **🌓 Dark Mode Built-in** - Support for both light and dark mode with system preference detection and toggling\n\n## 🚀 Tech Stack\n\n- **Remix** - React-based web framework\n- **Vite** - Lightning fast build tool\n- **Tailwind CSS** - Utility-first styling\n- **shadcn/ui** - Accessible UI components\n- **Content Collections** - Type-safe content management\n- **TypeScript** - Enhanced type safety\n- **MDX** - Markdown + JSX components\n- **Zod** - Schema validation\n- **ESLint** - Code linting\n- **Prettier** - Code formatting\n- **Sonner** - Toast notifications\n- **Husky** - Git hooks automation\n\n## 📋 Getting Started\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/loke-dev/remix-mdx-blog-template.git my-blog\ncd my-blog\n```\n\n2. Install dependencies:\n\n```bash\npnpm install\n```\n\n3. Start the development server:\n\n```bash\npnpm dev\n```\n\n4. Open [http://localhost:3000](http://localhost:3000) in your browser.\n\n## 🗂️ Project Structure\n\n```\nremix-mdx-blog-template/\n├── app/\n│   ├── components/    # Reusable components\n│   ├── posts/         # Blog posts\n│   ├── routes/        # App routes\n│   ├── styles/        # Global styles\n│   ├── utils/         # Utility functions\n│   └── types/         # TypeScript types\n├── public/            # Static assets\n```\n\n## 📚 Writing Content\n\nThis template uses Content Collections for type-safe content management. Create your blog posts as MDX files in the `app/posts` directory with frontmatter:\n\n```mdx\n---\ntitle: Hello World\ndescription: My first blog post\ndate: 2023-04-15\npublished: true\n---\n\n# Hello World\n\nThis is my first blog post using **Remix MDX Blog Template**.\n\n\u003cSomeComponent prop=\"value\" /\u003e\n```\n\n## 🎨 Customization\n\nThe template is built with customization in mind:\n\n- **Styling**: Tailwind CSS for easy customization\n- **Components**: shadcn/ui components that can be adapted to your needs\n- **Layout**: Flexible layout components for consistent design\n- **Theming**: Light and dark mode support with easy theme customization\n\n## 🤝 Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n---\n\n\u003cdiv align=\"center\"\u003e\n  \u003cp\u003eMade with ❤️ by \u003ca href=\"https://github.com/loke-dev\"\u003eLoke\u003c/a\u003e\u003c/p\u003e\n  \u003cp\u003e\n    \u003ca href=\"https://github.com/loke-dev/remix-mdx-blog-template\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/Get_Started-22c55e?style=for-the-badge\" alt=\"Get Started\" /\u003e\n    \u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Floke-dev%2Fremix-mdx-blog-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Floke-dev%2Fremix-mdx-blog-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Floke-dev%2Fremix-mdx-blog-template/lists"}