rimzzlabs / next-starter-blog

NEXT.js starter blog with MDX, Tailwind CSS, TypeScript, and pre-configured Development Environment with Husky, Lint Staged and Commitizen

Hi 👋, I'm Rizki Maulana Citra

(maybe) Software Engineer, UI/UX Engineer

• 🎨 I craft smooth and intuitive user experience on the web
• 👀 Interested with Functional Programming, Web, User Experience, and Design System

---

GitHub Statistics

---

 

GitHub Strikes

---

Holopin Badges

---

Wakatime Statistics

• Languages overall

  ---

  

All those fancy badges and stats are just for fun!

next-starter-blog's Issues

MDX Helpers

Create helpers to read mdx files inside of @/data/blog directory

• Create a function to read directory path with node.fs and node.path
• Create function to read every single files ends with .mdx (all posts)
• Create function to read a single files ends with .mdx (slug post)

MDX Components

Default Blog UI was neat, but it has to be more cool with preconfigured default element like <blockquote> element.

TO DO:

• MDX Component for <a /> tag
• MDX Component for <pre /> tag, which is long code snippet
• MDX Component for <code /> tag, which is short code snipper
• MDX Component for <blockquote /> tag
• MDX Component for <img /> tag
• MDX Component for table of contents
• MDX Component for headings to have a property of id with rehype plugin, which is rehype-slug

next-translate

Hello!

First of all, thank you very much for your code, it is indeed the best presented blog I could find for next.js! I wanted to ask if it is possible to implement next-translate on a future version, in order to be able to create a multilingual blog. I try on my side, that said even if I have some knowledge and facilities, I am not a developer by trade and I haven't been learning for so long! My main difficulty at this stage is how to retrieve the articles according to the language chosen by the user, I'm sure it's possible by keeping the same base, that said I don't have the knowledge

Blog Page with MDX

TO DO:

• Add dynamic page for each blog
• syntax highlighting with mdx-prism up