Skip to content

Migrate web app to Farm.js - #10

Draft
Kinfe123 wants to merge 1 commit into
masterfrom
codex/migrate-web-to-farm-js
Draft

Migrate web app to Farm.js#10
Kinfe123 wants to merge 1 commit into
masterfrom
codex/migrate-web-to-farm-js

Conversation

@Kinfe123

@Kinfe123 Kinfe123 commented Jul 30, 2026

Copy link
Copy Markdown
Member

Summary

  • migrate the web runtime, routing, metadata, navigation, images, and Vercel output from Next.js to Farm.js
  • move application and content modules under src while preserving the existing route markup and Tailwind classes
  • keep MDX rendering server-first and retain code-copy and brand-copy interactions
  • self-host the existing Space Grotesk, Geist Mono, VT323, and brand fonts

Visual fidelity

  • compared local home, blog, and brand routes against https://farming-labs.dev
  • preserved the existing Tailwind tokens, component structure, responsive behavior, and brand visuals
  • restored root typography under Farm's body rendering and verified mobile overflow and image loading
  • made the showcase gradient deterministic for hydration without changing its colors, blur, motion, or size range

Validation

  • pnpm type-check
  • pnpm build
  • production build with both the linked oss/farm.js beta.5 checkout and the published beta.4 dependencies declared in this branch
  • browser checks for /, /blog, both blog posts, /brand, /farmers, /showcase, and the custom 404
  • verified blog code-copy and brand asset-copy interactions

Summary by cubic

Migrate the web app from Next.js to Farm.js, preserving routes, MDX rendering, and design while targeting Vercel deploys. Improves hydration stability, self-hosts fonts, and keeps code/asset copy interactions.

  • Migration

    • Replaced Next runtime with @farm.js/core and added farm.config.ts (Vercel target, RSC, image remotePatterns/qualities, alias/dedupe).
    • Moved app and content under src/*; swapped next/image, next/link, and navigation hooks for Farm equivalents.
    • Kept MDX server-first; replaced client copy logic with public/mdx-copy.js and a new markdown Copy button.
    • Self-hosted fonts via @fontsource-variable/* and updated CSS vars; removed Next font loaders.
    • Made the animated gradient deterministic to avoid hydration flicker; preserved Tailwind tokens and visuals.
    • Updated .gitignore for /.farm and added .npmrc to disable peer auto-install.
  • Dependencies

    • Added @farm.js/core and @farm.js/cli (beta.4) and @mdx-js/mdx; removed next and geist.
    • Self-hosted fonts with @fontsource-variable/geist, @fontsource-variable/geist-mono, @fontsource-variable/space-grotesk, and @fontsource/vt323.
    • Pinned React to 19.2.8; updated next-themes to ^0.4.6; replaced Next scripts with farm dev/build/start.

Written for commit b4a8ae6. Summary will update on new commits.

Review in cubic

@vercel

vercel Bot commented Jul 30, 2026

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
farming-lab Error Error Jul 30, 2026 8:11pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant