Skip to content

Converts site from Next.js & React to 11ty - #33

Closed
jonrh wants to merge 2 commits into
mainfrom
11ty
Closed

Converts site from Next.js & React to 11ty#33
jonrh wants to merge 2 commits into
mainfrom
11ty

Conversation

@jonrh

@jonrh jonrh commented Jul 12, 2026

Copy link
Copy Markdown
Owner

No description provided.

jonrh and others added 2 commits July 11, 2026 16:34
Pure renames only, no content changes, so that git retains full file
history. Content conversion follows in the next commit.

- pages/<slug>/index.mdx -> content/<slug>/index.md (blog posts)
- pages/*.js -> content/*.njk (standalone pages)
- components/layout/index.js -> _includes/layout.njk
- components/Post.js -> _includes/post.njk
- components/layout/layoutStyle.css -> css/layout.css
- components/Dither.js -> lib/dither.js
- next.config.js -> eleventy.config.js

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Replaces Next.js, React and MDX with Eleventy 3.1.6. Pages and layouts
are Nunjucks templates, blog posts are plain Markdown with front matter.
All routes and rendered content are preserved; the built pages were
verified text-identical against the production site.

- eleventy.config.js: input dir content/, passthrough copies for
  public/, css/ and post co-located images, dither shortcode, and the
  50-160 character meta description build validation (previously in the
  Post React component)
- _includes/layout.njk: base HTML document, header and navigation
  (previously components/layout/index.js)
- _includes/post.njk: blog post template with title, date and
  History & source link (previously components/Post.js)
- lib/dither.js: {% dither %} shortcode (previously the Dither React
  component), posts use the equivalent plain HTML instead
- Posts: <Post> props became front matter (title, dateDisplay,
  metaDescription, sourceFile), JSX images became plain <img> HTML,
  JSX comments became HTML comments
- tools.njk: URL consts and link components became Nunjucks set
  variables and macros
- vercel.json: build command, _site output directory, and no trailing
  slash to match previous Next.js URL behaviour
- Markdown is not template-preprocessed (markdownTemplateEngine: false)
  so code samples with template-like syntax stay intact
- Fixed a broken link typo in the TotalFinder post
  ([totalfinder} -> [totalfinder])

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@vercel

vercel Bot commented Jul 12, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
jonrh-is Error Error Jul 12, 2026 12:05am

@jonrh

jonrh commented Jul 13, 2026

Copy link
Copy Markdown
Owner Author

Closed in favor of #34.

@jonrh jonrh closed this Jul 13, 2026
@jonrh
jonrh deleted the 11ty branch July 13, 2026 17:18
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