Hacker News with Generative AI: Web Development

Show HN: Self-Host Next.js in Production (github.com/opennextjs)
OpenNext takes the Next.js build output and converts it into packages that can be deployed across a variety of environments. Natively OpenNext has support for AWS Lambda, and classic Node.js Server.
Show HN: Autotab – Programmable AI browser for turning web tasks into APIs (ycombinator.com)
Hey HN, we're Alexi and Jonas the co-founders of Autotab (https://autotab.com). Autotab is a chrome-based browser you can teach to do complex tasks, with a simple API for running them from your app or backend.
Show HN: I'm 17 and made a tool to help students study smarter (lira.study)
LIRA lets you quickly save notes, summarize, and answer questions on any webpage, undetected.
Google is further cracking down on sites publishing 'parasite SEO' content (theverge.com)
Google is tightening its rules against “parasite SEO” content, or articles and pages that often have little to do with the site’s focus but that exploit the website’s Google ranking.
Show HN: deploying a website just to transfer a file (lunesu.com)
Christmas is nearing, and this year I’m once again spending time in the Vancouver Hack Space to work on a silly Christmas project to turn a human-sized1 acrylic sphere into a snow globe.
Show HN: XHR anti bot bypass (xhr.dev) (xhr.dev)
Let your bot browse like a human
Show HN: AI Infographic Generator (ezygraph.com)
EzyGraph - Transform Blogs into Stunning Infographics
Trivial REST server in various languages to compare (github.com/begoon)
The server listens on localhost:8000 and exposes /version endpoint.
Webvm: Virtual Machine for the Web (github.com/leaningtech)
This repository hosts the source code for https://webvm.io, a Linux virtual machine that runs in your browser.
Call for Developer Projects (github.com/bluesky-social)
The last few weeks have seen a swell of developer interest in atproto. Welcome! The protocol is maturing, and now is a great time for early adopters to jump in and start building. This post lists some projects which we think would be good fits for the protocol, and could be built by independent teams today. They span the range from helper tools to full applications.
Math4devs.com: List of mathematical symbols with their JavaScript equivalent (math4devs.com)
List of mathematical symbols with their JavaScript equivalent.
User Inyerface – A worst-practice UI experiment (2018) (userinyerface.com)
Please fill in all fields correctly:
Hyper in Curl Needs a Champion (seanmonstar.com)
tl;dr - hyper in curl is nearly complete, but it needs a champion. Without a partner actively engaged that wants to enable and ship, it’s now on the path for being deprecated and removed.
A subtle layout bug in Google Search: When CJK text-wrapping meets float (likang.dev)
Recently, I investigated an interesting layout bug in Google Search’s pagination component. I first noticed it a few months ago but thought it was caused by some Chrome extensions I had installed. Later, I set up a fresh browser profile and reproduced the issue, realizing it was a broader problem.
There.is.only.xul (mozilla.org)
There is no data.There is only XUL!
Show HN: Tailwind Box Shadow Generator (tailkits.com)
The tragedy of running an old Node project (abdisalan.com)
It’s been a long while since I wrote anything on this site. The framework I used was Gatsby which in 2020 was one of the hot ways of getting a good looking blog up and running quickly. With over 41 dependencies, and god knows how many more sub-dependencies, this thing was a beast.
A BBC navigation bar component broke depending on the external monitor (joshtumath.uk)
Recently, my team and I fixed an absolutely bizarre bug that only one person in the team could reproduce. And to make it even weirder, she was only able to reproduce the issue when using her work laptop at home; it worked fine with the same laptop in the office.
Impressions of React and TypeScript from an Elixir/Elm Developer (korban.net)
I was recently on a project where I chose to use React and TypeScript as part of the tech stack because of the existing skillset of my team. I myself managed to avoid both React and TypeScript until this year. So when I finally used them on a real project, I was looking at them as an experienced Elm & Elixir developer, coming from small niche ecosystems into the din of the real world.
Reactive HTML Notebooks (maxbo.me)
I don't think HTML is being used enough as a platform for scientific publishing.
Show HN: Dumbo – Hono inspired framework for PHP (github.com/notrab)
A lightweight, friendly PHP framework for HTTP — Inspired by Hono.
Ask HN: Best practices using AI as an experienced web dev (ycombinator.com)
As an Old, I came up learning the OG web dev languages - HTML, CSS, JS, PHP, etc. As a solo dev, I still largely work with these as natively as possible. But I am not a total dinosaur. I embraced jQuery in the early 2000's, Bootstrap scaffolding, and now often build reactive UI's using Vue 3.
Nokolexbor: Drop-in replacement for Nokogiri. 5.2x faster at parsing HTML (github.com/serpapi)
Nokolexbor is a drop-in replacement for Nokogiri. It's 5.2x faster at parsing HTML and up to 997x faster at CSS selectors.
Electron Spins: a special case of Chromium mods (littlebearlabs.io)
Chromium is a powerful project, implementing functionality that's critical to the web and web-related technologies.
Show HN: A dynamic C (Hot reloading) module-based Web Framework (github.com/joexbayer)
Welcome to c-web-modules, a modular and efficient approach to web development in C. Inspired by kernel modules and AWS Lambda, this project allows you to upload C code directly to the server, which compiles and deploys it at runtime. No precompilation is necessary, and the server can easily be upgraded to include more features or external libraries.
The myth that you can’t build interactive web apps except as single page app (htmx.org)
I often encounter discussions on Reddit and YCombinator where newer developers seek tech stack advice. Inevitably, someone claims it’s impossible to build a high-quality application without using a single-page application (SPA) framework like React or AngularJS. This strikes me as odd because, even before the SPA revolution, many popular multi-page web applications offered excellent user experiences.
Claude AI built me a React app to compare maps side by side (github.com/veloplanner)
MapMatrix - A React application for synchronized multi-view map comparison with support for MapLibre, custom layers, and configurable layouts.
Cloudflare.com's Robots.txt (cloudflare.com)
The ‘contain’ CSS property (mozilla.org)
The contain CSS property indicates that an element and its contents are, as much as possible, independent from the rest of the document tree.
CSS gets a new logo and it uses the color `rebeccapurple` (michaelcharl.es)
A community vote in the CSS-Next repository on GitHub decided on a new official logo for CSS.