Migrate from Remix + Tailwind v3 to Astro + Tailwind v4 #1
Conversation
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
Major changes: - Replace Remix with Astro 5 for SSG/SSR framework - Upgrade Tailwind CSS from v3 to v4 with @tailwindcss/vite - Convert React components to Astro components where possible - Replace @headlessui/react with vanilla JS for mobile menu - Switch from Material Symbols to Lucide React icons - Update all dependencies to latest versions - Migrate from .eslintrc.cjs to flat config (eslint.config.mjs) - Configure Prettier for Astro files - Preserve contact form functionality with Astro server actions - Maintain Cloudflare Pages deployment compatibility Benefits: - Faster build times with Astro's island architecture - Modern Tailwind v4 with CSS-first configuration - Reduced JavaScript bundle size - Better developer experience with TypeScript
Changes: - Removed React, react-dom, @astrojs/react, and lucide-react - Removed unused ESLint plugins and dependencies (clsx, vite, etc.) - Added astro-icon for zero-JS icon rendering - Converted all Lucide React icons to astro-icon components - Moved custom SVGs to src/icons for astro-icon - Removed vite-plugin-svgr (no longer needed) - Updated .gitignore for ESLint cache - Cleaned up type definitions Bundle size reduction: - Removed ~100KB from production bundle - Removed ~246 packages from node_modules - All icons now render as pure SVG with zero client JS Dependencies removed: - react, react-dom, @astrojs/react, @types/react, @types/react-dom - lucide-react, clsx, vite-plugin-svgr - All unused ESLint plugins (typescript-eslint, react, jsx-a11y, etc.) - vite (already a peer dependency)
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
No description provided.