feat: migrate from Gatsby to Hugo with Tailwind v4#3063
Merged
Conversation
Replace Gatsby.js framework with Hugo static site generator: - Add Hugo site structure (layouts, archetypes, data, static) - Create custom theme with Tailwind CSS v4 - Migrate blog posts and privacy policy content - Add responsive header with mobile menu - Add blog templates with JSON-LD schema - Replace CircleCI with GitHub Actions for S3 deployment - Update Nix flake for Hugo dev shell - Remove all React components and Gatsby configuration - Remove contact form and newsletter (as requested) - Remove Google Tag Manager integration BREAKING CHANGE: Site now uses Hugo instead of Gatsby 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Update footer to dark background (bg-neutral-900) - Add company details to footer (Partita iva) - Update blog cards to card style with shadow and sky-500 top border - Add "Coming soon" label for draft posts - Add reading time calculation - Update blog section with gray background and white overlay - Match original grid gap spacing 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Update header to match original styling (sticky, border-b-2, centered nav) - Add mobile menu panel with shadow and close button - Add "Let's work together" contact section with phone and email - Update footer navigation to include Contact link - Update blog link in footer to point to /#blog section - Refactor mobile menu JavaScript for better organization 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Add CSS rules for prose code blocks: - overflow-x: auto on pre elements for horizontal scrolling - word-break handling for inline vs block code 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Target .highlight wrapper for code block overflow handling: - overflow-x: auto on .highlight container - border-radius on highlight blocks - Reset margins on pre and table elements inside highlight 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Only show published posts in the blog preview section. When there are no published posts, the entire section is hidden. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Changes
Added
layouts/,archetypes/,data/,static/)Removed
src/)Migrated
comingSoon→draft)data/authors.jsonTest plan
npm install && npm run build:css && hugo server --buildDraftsnix buildsucceedsAWS_ACCESS_KEY_IDAWS_SECRET_ACCESS_KEYAWS_REGIONS3_BUCKET_NAME🤖 Generated with Claude Code