FastAPI, FastHTML, Next.js, SvelteKit, and thoughts on how coding assistants influence builders' choices.

Hacker News is a community-driven platform for sharing and discussing technology news, startups, and programming-related topics. Through user submissions and comments, Hacker News offers insights into emerging technology trends, industry developments, and entrepreneurial ventures. Readers can participate in discussions, share their insights, and stay informed about the latest advancements in technology and innovation.

Hacker News

The author explores migrating from a current web app stack (FastAPI, HTML, CSS, and JavaScript) to modern web frameworks like FastHTML, Next.js, and Svelte by building the same web app using each one. The app allows users to upload a CSV file, view and update the table in the browser, and download the updated data. While the author found the FastAPI implementation straightforward, they learned various tricks and optimizations while building with FastHTML, Next.js, and Svelte. The experiment also highlighted how coding assistants might favor established frameworks over newer ones due to training data biases, impacting their effectiveness.

Building the Same App Using Various Web Frameworks

FastAPI + Jinja + HTML + CSS + JavaScript

Aside: How will coding assistants influence builders?

You built a single page app in 4 frameworks and all you comment about is how AI Assistants work better with older/more established frameworks?
What was your DX?
How long did it take to learn each framework?
How long did it take to write each app?
What was the bundle size for each app?
Benchmarks?

The article is well written and explained, but the lack of a conclusion or a proper comparison between the stacks felt… underwhelming. Could have compared the overall performance of the apps, ease of set up a new project, or how long it took to finish the project on a given stack.
The aside section felt out of place given the premise of the article.

Nice write up… shared this perspective.
teresting article. I was waiting for a conclusion or overall comparison between each.
“It brings me no pleasure to say this, but Svelte is dead because LLM base models are better at writing React. — Jess Martin”
I disagree with this, I’ve been using Pieces <a href="https://pieces.app/" target="_blank" rel="noopener nofollow">https://pieces.app/</a> as my co-pilot in VS connected to Gemini and it’s writing all the code I need. Maybe his LLM scrapes old internet content?
<a href="https://pieces.app/" target="_blank" rel="noopener nofollow">Pieces</a> + <a href="https://gemini.google.com" target="_blank" rel="noopener nofollow">Gemini</a> might also work well with FastHTML too?

This article and its code examples is one of the reason why i love the tech community , a well written article teaching how to do things in different ways and also a code to show how its done . Thanks for this

It reminds me of the TODO app made with all frontend frameworks <a href="https://todomvc.com/" target="_blank" rel="noopener nofollow">https://todomvc.com/</a>