Benjamin Shawki
Potters.Tools

Potters.Tools Site Updates: New Blog and Code Highlighting

Next.jsReactMarkdownPrism.jsBlog

I'm excited to announce some significant improvements to the Potters.Tools website! This update brings a more organized content structure and improved technical capabilities, making it easier to for me to share code snippets and technical insights.

New Blog System

The biggest change is the introduction of a proper blog system with three distinct categories:

  • Tech: Articles about programming, software engineering, and technology
  • Potters: Updates about Potters.Tools projects and features
  • Personal: Thoughts, reflections, and other non-technical content

Each category has its own dedicated section, making it easier to find content that interests you. This organizational structure will help keep content focused and relevant.

Technical Implementation Notes

For those interested in the technical details, this blog system is implemented using:

  • Next.js App Router: For efficient page routing and rendering
  • React: For dynamic components and interactivity
  • Markdown Processing: Using react-markdown with remark and rehype plugins
  • Prism.js: For code syntax highlighting
  • TypeScript: For type safety throughout the codebase
  • Tailwind CSS: For styling and responsive design

The blog content is stored as markdown files with frontmatter for metadata, making it easy to add new posts and maintain existing ones.

I'm excited about these improvements and look forward to sharing more technical content and projects through this new platform!