Netlify

Netlify AI

Netlify AI

Netlify AI

Netlify AI

Netlify AI

Netlify AI

Netlify AI

Netlify AI

Netlify AI

Netlify AI

Vibe Coding for Oldies

At the ripe old age of 62, I have ventured back into programming. Last coded something like 30 years ago. May have been a bit ambitious, I wanted a Gardening program that would track the progress of my plants on both PC and on my Android phone. Androd is way more buggy. My one advantage is that I work in IT projects, so I know the stages to follow. And have definitely not skipped the testing. Seeing an update fix one thing and then break another, took me back to my programming days. And the familiar banging my head against the wall. So this was my first attempt and I was totally dependant on Claude for the coding. Also noted that I am also dependent on the tool to recommend the sub programs like Supabase. Rapidly ran out of tokens on Netlify and had to invest in a subscription. So not the cheap experiment that I was hoping for. I am not sure this is an activity for those that are not IT savy, just too many steps and repeating uploads. Plenty frustrating. But I do think it is a useful activity for schools to do. It teaches essential information on where all these Apps come from and why they are buggy. It is easier than when I first learned coding, but it is not yet magic. submitted by /u/Particular_Cicada395 [link] [comments]

Built an MCP for claude code that turns ticket-mentions into PRs with browser QA (and what I learned along the way)

notesasm is an MCP server you add to claude code. you mention a fix mid-flow ("make a ticket on notesasm: fix the regex for quoted emails") and it files the ticket. later, on your schedule, an autonomous agent picks the ticket up, writes the fix, runs real-browser QA against your preview deploy, and opens a PR with screenshots. closed alpha, free during it. demo + signup: notesasm.com the pain it solves (3 separate ones, actually): claude code is fast enough now that shipping isn't the bottleneck anymore. when you're deep in a feature and notice "the regex misses RFC-quoted local parts" or "the footer copy is wrong on mobile", you'd never break flow to open jira/linear or even write it down anywhere. so the idea goes nowhere. multiply by a year and your repo has invisible debt nobody's tracking. claude code helps while you're at the keyboard. it doesn't help while you sleep. your repo doesn't move overnight unless you stayed up to push it. for solo founders or small teams, that means losing 8 hours a day where you could be shipping if you had a way to delegate work to your own agent. and even if you do have something pushing code for you overnight, you lose context with AI-generated PRs and they usually need visual review. claude writes code that compiles and tests pass, but the actual rendered output might be subtly broken (or super broken lol). reviewing those visually is tedious and a lot of teams skip it, then ship regressions. how it works: you add the MCP server: claude mcp add notesasm --scope user --transport http -H "Authorization: Bearer ". BYOK style, the token comes from your dashboard. zero local install beyond the one command. then in any claude code session you can say "make a ticket on notesasm for this" (based on your conversation) and it just files it. the MCP server is HTTP-transport (not stdio), runs in the cloud, hits a fastapi backend that stores the ticket in postgres against your workspace. later (your schedule, your spend cap), a worker process picks up queued tickets. for each one: clones your repo with a github app installation token (commits look like asmnotes[bot], a verified author. bypasses vercel/netlify deploy protection that rejects unknown-team-member commits.) runs the claude agent sdk with your ticket body as the prompt. defaults to sonnet 4.6, opus 4.7 for hard tickets the user marks explicitly. agent reads the codebase, makes the edits, commits, pushes a branch, opens a PR via the github API. waits for your preview deploy to land. vercel polled by default, configurable probe URL for split frontend/backend setups like vercel + railway. QA agent drives a real chrome session on browserbase against the preview. stealth profile with residential proxies. takes before/after screenshots. verifies your acceptance criteria against the rendered output. if QA fails, the report feeds back into the build agent for up to 3 retry iterations before parking the ticket. final: PR with QA screenshots in the description, ready to merge. stack: - backend: fastapi + asyncpg + railway - frontend: vanilla html/js, no build step, vercel - agents: claude agent sdk (build), claude + browserbase (QA) - auth: clerk - email: resend (welcome, invite, feedback) - mcp transport: http (cloud-hosted, no local install) things i learned building it that other claude code folks might care about: - the build agent loves to spawn subagents via the Task tool. disable it explicitly in the system prompt or you get 4-minute hangs the SDK doesn't surface as errors. - browserbase sessions default to a ~5-min timeout. if your QA wall budget is anywhere near that, set the session lifetime explicitly to 1800s on session create (the timeout field). otherwise you get random "410 Gone" mid-run. - don't rely on the SDK's wall budget alone. add a per-message timeout (90s works) so a hung tool call doesn't silently burn your whole budget. - claude code's default mcp scope is per-cwd. always tell users `--scope user` in your install instructions, otherwise the MCP works in one repo and silently doesn't in others. - ResultMessage emissions happen multiple times per job if you have iteration loops (build + QA + qa-fix). sum them all when computing per-job cost, not just the last one. what's next: closed alpha is open. would love ~30 active users to try it out, all free during it. paid plans later this year with a permanent discount for alpha users. happy to answer anything about the MCP design, the QA verification loop, cost tracking, the agent-sdk integration, or anything else. demo + signup: notesasm.com submitted by /u/FormExtension7920 [link] [comments]

If you are treating a one-shot generated file as your deliverable, you got it wrong.

I've been seeing a lot of posts and comments about people debating where to host files: GitHub Pages, Netlify, Vercel, SharePoint, Cloudflare etc.. Why is a static file the deliverable in the first place? you are stripping prompt history, iteration path, the ability to re-run on new data and to ingest feedback without starting over. You are essentially sending a postcard of a session. The right unit of work is the session it self. The prompts, the context, the skills that produced the dashboard, the path of the revision. That is what the recipient actually needs to engage with, because that is what gets rerun when they ask for the next version. The artifact is just one moment of an output. What does your deliverables looks like? Internally/ externally? Are you trying to relay context or still with single files or folders? submitted by /u/Ok-Dragonfly-6224 [link] [comments]

Adding html files to website for client proposals?

I've cancelled my CRM and want to create custom proposals for client projects. I have a Squarespace website and have deployed other HTML work via netlify, and one with valtown as well. If I build a proposal with claude, and want clients to select an option with a next step to go to a stripe invoice, for example, how can I do this? Would I have to connect each HTML proposal to netlify + valtown? Ideally its a url like https://clientname.mydomain.com or simliar. Curious what others are doing to make this happen? If I add the code to my SQSP website, the embed frame looks weird. Thanks! submitted by /u/Beginning_Plant_7931 [link] [comments]

Paste artifact url to publish as website, here's the actual workflow

The path most people don't realize exists: static.app/claude-hosting takes a claude artifact url and converts it into a hosted website without any download step. workflow: publish your artifact in claude (click share, get the public artifact url) open static.app/claude-hosting paste the url into the "import from url" field hit fetch, wait about 30 seconds you get a live website url From there you can connect a custom domain, turn on analytics, password protect it, or edit the html in the browser if you spot something to fix. forms inside your artifact start capturing submissions to a dashboard. The alternative is downloading the html from claude and uploading it to netlify drop or github pages, which works but is more steps. if all you want is "artifact url in, website url out," the importer is the shortest path i've found. submitted by /u/Then-Chest-8355 [link] [comments]

Mobile App with Clade

Just a quick question. Is building a mobile app like this actually a legit approach? I recently came across someone building fairly complex web apps, for example a geo quiz with full database integration, using this workflow: He generates all the HTML, CSS and JS through Claude (the AI), deploys it to Netlify, connects a database like Supabase or Firebase, and then uses "Add to Homescreen" so it looks and feels like a native mobile app. No framework, no GitHub repo, no CI/CD, no app store. And honestly it works. The apps are functional and pretty complex. So my questions are: Is this a legit long-term approach or will it break at some point when it comes to scaling, maintenance, payments etc.? Does anyone know a successful product built this way, just AI generated frontend code hosted on Netlify plus a backend as a service? At what point do you actually need a proper repo, a framework and a native app? For someone trying to ship fast and validate ideas, is this actually the smartest approach right now? I've been building things the proper way and now I'm questioning if I'm overcomplicating it. submitted by /u/yoloswaghipsterxx [link] [comments]

Looking for testers - people who are selling locally

I built yrdsl.app, a digital yard sale tool with a Claude MCP integration. You drop in photos, Claude writes the listings, you get a shareable link like yrdsl.app/you/sale. Buyers reserve what they want. No commission. Where Claude comes in: through the MCP, you can add items, write descriptions, set prices, and attach photos just by chatting. "Here are 8 photos from my garage, list them all, price them to move" and it does. Works as a Claude Code plugin or with any MCP client. You can self-host on GitHub Pages, Vercel, Netlify, or Cloudflare Pages for free, or use the hosted version (about 10 cents per sale per month, no commission). What I need: people who are actually selling stuff locally - moving, downsizing, cleaning out a garage, estate sale, whatever. I want to watch the flow break on real inventory, not test data. Free during the invite-only beta. If you have a pile of stuff and 20 minutes, reply or DM and I'll get you set up. Happy to walk through it with you on a call if it helps. Link: https://yrdsl.app submitted by /u/matchoo [link] [comments]

Lessons learned building a no-hallucination RAG for Islamic finance similarity gates beat prompt engineering

Lessons learned building a no-hallucination RAG for Islamic finance similarity gates beat prompt engineering I kept getting blocked trying to share this so I'll cut straight to the technical meat. The problem: Islamic finance rulings vary by jurisdiction and a wrong answer has real consequences. Telling an LLM "refuse if unsure" in a system prompt is not enough. It still speculates. The fix that actually worked: kill the LLM call entirely at retrieval time. If top-k chunks score below 0.7 cosine similarity, the function returns a hardcoded refusal string. The LLM never sees the query. No amount of clever prompting is as reliable as just not calling the model. Other things worth knowing: FAISS on HuggingFace Spaces free tier is ephemeral. Every cold start wipes it. Solution: push the index to a private HF Dataset, pull it on startup via FastAPI lifespan event. PyPDF2 on scanned PDFs returns nothing. AAOIFI documents are scanned images. trafilatura on clean HTML beats OCR every time if a web version exists. Jurisdiction metadata on every chunk is not optional. source_name + source_url + jurisdiction in every chunk. A Malaysian SC ruling and a Gulf fatwa can say opposite things on the same question. Stack: FastAPI + LlamaIndex + FAISS + sentence-transformers + Mistral-Small-3.1-24B via HF Inference API. Netlify Function as proxy so credentials never touch the browser. What threshold do you use for retrieval refusal in high-stakes domains? submitted by /u/Particular-Plate7051 [link] [comments]

got mad at the news and built a satirical tariff refund portal in a few hours

i used: - claude sonnet - netlify - rage no coding background whatsoever and this was my first successful build after dabbling around with loveable months ago. learned a lot about efficient prompting and how to spec a website! submitted by /u/beepboopbleepbop [link] [comments]

Built with Claude: Aerlo - A plain in-English weather interpreter because simply reading 40% chance of rain means nothing to you.

Aerlo The idea is simple. Reposting to get further feedback after some bug fixes. EDIT: known issues: non-US destinations are shaky right now, sometimes returning different areas than intended due to the way the autofill feature is working Weather apps give you numbers and icons but never actually tell you what to make of them. 40% chance of rain. Is that bring an umbrella or ignore it? People get confused and you always see on social media people ripping meteorologists for it. Take a screenshot of your weather app (Apple Weather preferred but all work), upload it (nothing is saved because I have nowhere to save it to), Aerlo pulls the live forecast data behind it, and gives you a plain English read on what's actually going on, confidence levels, what to expect today, and an honest range of outcomes when the forecast is genuinely uncertain. You can also just type in a location the old fashioned way if you prefer. No account needed. No subscription ever. You pay for a credit pack, get a three word code emailed to you, and use it whenever. Credits never expire. I don't know who you are and I built it that way on purpose. Stack for the curious: Claude for the coding: Vanilla HTML/JS, Supabase Edge Functions, Haiku for the interpretation and presentation, NWS and Open-Meteo for live forecast data particularly non US areas and fallback, Stripe for payments, Netlify for hosting, Resend for emailing of credits Works on mobile and desktop, even has an icon if you use the iOS "Add To Home Screen" First decode is free. Thanks all, happy decoding! I also have a promo code: reddit-promotion Case sensitive with dash in middle, 15 free uses for people to try. Code will save in your browser but once it gets used universally, it's gone, you'll have to enter a new code in to continue use. submitted by /u/Marino4K [link] [comments]

Used Claude to build my first app from scratch — honest breakdown of the process

I want to share an honest account of using Claude to build a real software product because most posts about AI-assisted development are either too vague or too polished to be useful. I built this app because my executive director asked me to find a device, calendar of any kind, that can show her the full year on the screen where our Outlook app could not. I purchased and $800 Cozyla device that we returned that could not do it. What I built Yearview — a web-based annual planning board that shows all 12 months on one screen. Color-coded categories, calendar import from Google or Outlook, AI-powered insights and pattern detection, natural language Q&A, and three professional PDF export formats. No account required, no subscription, data stays on your device. Free to try at yearviewapp.com — no account, no email, nothing required. What Claude actually helped with The app: Built the entire HTML/CSS/JavaScript single-file application Designed the UI — layout, color system, typography, components Built the import system, AI Insights page, and three export formats Built the license key validation system using Netlify serverless functions and JSONBin Built automated email delivery via Resend API Mobile responsive CSS and bug fixes throughout The business side: Designed the SVG logo system Wrote all marketing copy and built the full marketing site Researched and assessed competitors Set up Netlify deployment, DNS configuration, and Gumroad product listing Wrote the Product Hunt launch copy and social media posts What Claude did NOT do This matters as much as what it did: It did not have the idea — I noticed a real problem and decided to solve it It did not make product decisions — I decided what to build, what to charge, who to target It did not work autonomously — every session was directed by me with specific goals It did not always get it right — bugs and wrong approaches needed multiple iterations The relationship felt like working with a capable collaborator who never got tired and always had time to explain why something worked the way it did. The honest learning curve The most useful skill I developed was giving Claude the right context. Early sessions were less productive because I was not specific enough. Learning to describe not just what I wanted but why and what the constraints were made a significant difference in output quality. Also — Claude cannot test things in a real browser. I did all the testing myself and brought back what I found. That back and forth was the core of the development loop. Where it is now Yearview launched on Product Hunt last week. It is live and taking real purchases. I could not have built it without Claude — not because the skills were beyond me given enough time, but because the combination of technical build, design, copy, and business setup would have taken a year working alone. With Claude it took weeks. One of my biggest trouble is in the pricing. Trying to find a sweet spot for the work that I did and how it can be truly helpful and not undersell it cheaply. I think the benefit of the app is solid. I'll be updating with new feature in another build that Claude will assist with. Happy to answer questions about the process or prompting approach. https://preview.redd.it/s9a9lmsoa0vg1.png?width=717&format=png&auto=webp&s=5f1f68fe0062e879de40d9e65ef6378785e3f68f https://preview.redd.it/qmtx5osoa0vg1.png?width=1960&format=png&auto=webp&s=9213164af32314c561e924e96145823edc95b111 https://preview.redd.it/0yup3msoa0vg1.png?width=1280&format=png&auto=webp&s=241b855dc3bd6a7b9064ddb063531476187f7f97 https://preview.redd.it/qgcqhmsoa0vg1.png?width=1600&format=png&auto=webp&s=d3257759090e77503d91ff9649cbfb34a93abe20 https://preview.redd.it/gcqhylsoa0vg1.png?width=1600&format=png&auto=webp&s=816ec2dfb9752733cc707be7190d1400f8df69cf submitted by /u/lewmarks [link] [comments]

Showcase: A project to deploy web apps with Claude and higher-level abstractions

I have used Heroku, Railway, Vercel, and Netlify in the past. It was always too many clicks for me. Nowadays, I just ask Claude Code to get the job done and I review its plan. No more clicks. To get started, create a root directory with the following content: Your website source code (I use Astro in this example but it can work with any web framework). Clone https://github.com/amiorin/big-config Clone https://github.com/amiorin/once The three glue files (Dockerfile, Caddyfile, and GitHub Action) Set Claude Code to Opus 4.6 Max effort with planning and start with this prompt: "Adapt my Astro project to create a GHCR Docker image and update the Once project to use this container on a Hetzner VPS." My theory is that the future of DevOps is not just agentic where we ask an AI to write 500 lines of Terraform every time but rather AI that combines battle-tested abstractions for deployment. It works in DevOps because something similar happened in Frontend too. Agents didn't replace React, they built on top of it. This approach reduces token usage, lowers the risk of hallucinations, and provides safe abstractions that can be used by non-experts because they are reviewed by experts. This is just the beginning because I expect marketing, finance, and other departments to eventually deploy internal applications without needing a Software Engineer to develop them or a DevOps specialist to deploy them. submitted by /u/amiorin [link] [comments]

I vibe coded a free password generator that gets stronger by using a DeLorean

Hi everyone, Obsessed with Claude Code the past few weeks. I just finished vibe coding v1 of my fist tool. I built this with Claude Code. PopcornPasswords.com A free to try, free forever password generator tool, with a movies twist. Best on a laptop/computer browser. I built this entire thing using AI (Claude free and then paid version Opus 4.6). I also used Netlify to host and codesandbox to test. A lot of trial and error. I would tell Claude what to build, it created it as a HTML + CSS index.html, which I copied the code and pasted it into codesandbox platform to review and test in a browser. I kept coming back to ClaudeAI with errors to fix. when i was stuck on the free version, i paid the parter plan and had less constraints. all done over a few days/nghts chipping away an hour or so here and there. I would ask it too if there are any problems, what does it recommend fixing, which was a great help. It's movies based. it works best on a browser. It includes movie themes, like with BTTF where you use the DeLorean to increaase the length of a password. Quotes from the movies and the sliders are upgraded from the mundane. Ive added themes for Back to the Future, Goonies, Independence Day (you'll love using the beam to explode the building hahaha), Top Gun, Spinal Tap (the volume goes to 11!). It makes passwords just a touch more fun, and I will keep it forever free. Was meant to be a tool just for me, but I decided to make it for public use. There's dark and light modes. If you don't like fun, or scared your boss will spot you over your shoulder using it at work, you can click the suitcase and go into "office mode". This is my first ever live app, so please be gentle hahahha but I really want to know what you think of the concept. Cheers! submitted by /u/ChampionStrange7719 [link] [comments]

WordPress? I think I screwed up on my core website-building approach, with Claude.

I'm in my first big web project with Claude and part of it I love - it's my best work yet and I have changed the direction and sales of several companies and this will be no exception. But it taking months and months. I have done many sites but am mostly a marketer, not a coder. The issue is I'm mostly a WordPress builder. My sites are also long form with a ton of content as my secret sauce. I do all the writing and content work and implement it. One stop marketing and sales shop. Claude is crushing it with most of it. I expect the revenue of this company to double in 1-2 years when I am done which I have done several times before. So we really are using websites and internet to its best use case. But again, it's taking months. I have to review most of the code, and am having to closely review all of Claude's marketing content mostly, some CSS, and mostly issues with it constantly putting the wrong photos in the wrong place, and systematically building it's own dependence by structure into the website building, and lots of misreads of difficult nuanced engineering items in a wild environment. Photo for example. The website is a technical subject including buoyancy and performance of things like whitewater rafts, so even with deep education I can't get claude to sort and place photos correctly and to fully understand it. Lots of errors. Understandable. It is also MUCH better than ChatGPT which I had to fire after wasting a month or two before realizing all of its output was actually garbage. I then tested ChatGPT about 20 other times and caught it repeatedly lying and more. I and actually view Chat GPT a truly dangerous tool in the amount of misinformation and hallucinations it willing to have. I can't build or maintain this site without Claude and what appears now to be a very manual process. I am dependent on it or a competitor forever and I'm certain something will catch up to Claude. No big deal, I will never not build without AI again. I believe it is the best took out there for this type of work but have only tested Claude and Chat. I am having to hack by pasting custom HTML to retain a bunch of core and all this and the architecture recommended by claude to retain the core WordPress functionality. I designed all this with Claude so some of it is my mistake but I am and need to be nearly 90-100% hands on mostly with content edits (mistakes). I am aware of Netlify that it can have Claude do much more work. What else can I do - what other approaches can I take if I need content rich, light ecommerce or ecommerce functionality, highlighting of products and more? submitted by /u/dieselcruiserhead [link] [comments]

Claude Code inquiry

Greetings to the community. Over the past month, I used Sonnet/Opus to develop a 10K lines single file .html app. I have upload the app in Netlify and currently contemplating a Firebase Auth/Firestone implementation. Should I start working with Claude Code or will chat suffice? submitted by /u/ipk00 [link] [comments]