iCodeWith.ai Website

About

This (where you are at now) is the first site I’ve vibe coded from scratch. After relying on tools like Wix and Framer, I wanted full control again—and I got it. It’s also my first time using the Hugo SSG framwework, and I’m quickly seeing the benefits of static site generators: fast performance, a lightweight codebase, and clean, responsive output.

Technology Stack

• Hugo : Static site generator with custom theme architecture
• SCSS/Sass : Modular CSS preprocessing with design system variables and mixins
• HTML5 : Semantic markup with Hugo templating engine
• CSS Grid & Flexbox : Modern layout systems for responsive design
• Hugo Pipes : Asset processing pipeline for SCSS compilation and minification
• Markdown : Content authoring with front matter configuration
• Git : Version control and GitHub Pages deployment
• GitHub Pages : Static site hosting and continuous deployment
• Custom Design System : Component-based CSS architecture with utility classes
• Responsive Design : Mobile-first approach with consistent breakpoints
• CSS Custom Properties : Dynamic theming and runtime style management
• Hugo Taxonomies : Content organization and navigation structure

Tools Used

• Cursor
• Claude Code
• Cursor Chat (with Claude 4 Sonnet, Gemini Flash 2.5, Deepseek-v3.1)
• Gemini Code Assist / CLI
• ChatGPT
• Claude Desktop
• Repo Prompt