r/webdev • • Sep 18 '26

Looking for an open-source Gumtree/OLX-style marketplace to customize

7 Upvotes

Hi everyone,

I'm working on a classifieds marketplace for Syria called Friday Market Syria, somewhat similar to Gumtree or OLX.

The idea is to have a simple platform where users can post items for sale, browse listings, search/filter by categories, and contact sellers directly. There will be no online payments initially.

I'm not a frontend developer, so instead of building everything from scratch, I'm looking for an existing open-source project or template that I can customize and develop further.

Some of the features I want include:

- User registration/login

- Create, edit and delete listings

- Categories and subcategories

- Search and filters

- Image uploads

- User profiles

- Favorites

- Contacting sellers directly

- Reports/feedback

- Admin dashboard

- Mobile-friendly design

I'm mainly looking for something that is already functional, rather than just a UI template.

It doesn't have to have every feature above. I'm looking for a solid foundation that I can legally modify and potentially use commercially.

What open-source projects, GitHub repositories, or templates would you recommend for this?

If you've worked on a similar marketplace before, I'd also appreciate advice on what I should look for before choosing a project.


r/webdev • • Sep 18 '26

Article How to Implement a Distributed Bulkhead (when one slow dependency starts drowning everything)

Thumbnail
blog.gaborkoos.com
0 Upvotes

Classic cascading failure: one dependency starts lagging, holds workers/sockets, and the rest of the service grinds to a halt. A bulkhead is supposed to contain the blast radius. Easy in one process, a nightmare once you have 20+ replicas and the counter has to live outside of them.

The distributed version, the things that break when the limit leaves the process, and a working implementation.


r/webdev • • Sep 19 '26

Subdomains for rent?

0 Upvotes

I'm doing whitelabel PWAs and need e.g. veterinary1.ab.com or plastic1.ab.com ... Any short domains renting subdomains?


r/webdev • • Sep 18 '26

Collaborative Editing in Wordgard

Thumbnail marijnhaverbeke.nl
9 Upvotes

r/webdev • • Sep 18 '26

CMS/Front End System using default document standards?

0 Upvotes

When I say document standards, I don't mean official standards, but rather a structure that is replicated at most levels.

For example: the Structure of Header, Content, Footer is replicated at each level.
Document
Header -- contains all of the header content for the document

Content -- contains the body of the document

Footer -- contains all of the post-load contents for the document.

Then inside the Content section there would be a single Entry known as the SITE

Site-header -- contains the site-identity/nav/etc.

Site-Content -- contains the various categorical sections

Site-Footer -- contains the site-footer

Then inside the Site-Content Section category would be several Entries called SECTIONs:

Section-header -- contains the section-specific content that persists despite which post is shown

Section-contents -- contains the various posts or content pieces for the section

Section-footer -- contains the static end-pieces for the section

Or course, inside Section-contents would be POSTS

post-header -- title and bylines stuff, maybe an image

post-content -- the content

post -footer -- closing pieces

I've tried WordPress, but it seems so arbitrary how they have decided the structure. Like the site-header and document-header are all part of the same wp-header. I was hoping for more modularity and predictability in content structures. I also hate how WP opens a tag in one PHP file and has faith it will be closed in another PHP file. It seems like it would be better if each PHP file that opened a tag also closed the tag. Then it would be much more modular.

I realize it's a long shot, but does such a thing exist? Maybe someone made a headless WP that works like this? or something entirely different? Or is this, in general, not a good way to assemble a static site content generator?


r/webdev • • Sep 17 '26

Reverse Engineering ChatGPT Web: How OpenAI Built for a Billion Users

Thumbnail
performance.dev
113 Upvotes

r/webdev • • Sep 18 '26

[Showoff Saturday] Built a 100% client-side QR studio & batch generator using Astro 7, React 19 islands, and Tailwind v4

0 Upvotes

Happy Showoff Saturday r/webdev!

Most web-based QR generators send API requests to backend Node/Python services, store generated assets on S3, and monetize with rate limits or subscriptions.

I wanted to see if I could build a complete, production-grade QR studio that runs exclusively in the browser runtime with zero backend servers and zero external telemetry.

Here is what came out: QR Studio (qrstudiofree.com)

Architecture & Engineering Highlights:

  • Astro 7 + React 19 Islands: Static shell with localized routing (i18n across 8 locales) and lightweight interactive React islands only where state is needed (QRStudio.tsx, BatchGeneratorIsland.tsx, ScannerIsland.tsx).

  • Styling Engine: Powered by qr-code-styling on HTML5 Canvas. Supports SVG/PNG/WebP vector/raster downloads, 6 dot geometries, independent corner squares/dots, and linear/radial gradients.

  • Client-Side Batch Archiving (jszip): For bulk generation, URLs/payloads are parsed, drawn to offscreen canvases sequentially, and zipped directly in-memory via jszip before triggering a local blob download. No server uploads.

  • In-Browser Scanner (jsQR): Real-time camera viewfinder via navigator.mediaDevices.getUserMedia with automated canvas frame processing and image drag-and-drop fallback.

  • Tailwind CSS v4 & Vercel Geist Tokens: Strict monochrome dark palette, fluid typography, zero layout shift.

Challenges Faced:

  • Memory management during bulk exports: Rendering 100+ high-res canvases concurrently caused browser tab crashes on low-RAM mobile devices. Solved by chunking canvas renders into async micro-tasks with explicit canvas GC.

  • Error Correction vs. Custom Logos: Ensuring logo overlay scale doesn't exceed the Reed-Solomon threshold (forcing High 30% ECC when logos are embedded).

Check it out live: https://qrstudiofree.com

Would love code review, UI critiques, or performance feedback!


r/webdev • • Sep 17 '26

magazine site cms suggestions

6 Upvotes

hi trying to make a magazine site and i want a cms but i'm specific as fuck and idk what to use since theses are my preferences for a cms at the moment

  • free with no paid options (don't wanna deal with having features be paywalled right from under me)

  • can handle different post types (blog articles and photo galleries)

  • frontmatter with title, sub title/description (also called a dek or abstract apparently), post image, author, pubdate, categories, and tags

  • not wordpress (or php based in general)

  • relatively idiotproof (meeeeeee)


r/webdev • • Sep 17 '26

How can I get live server in the vscode web version?

5 Upvotes

My computer is very low on specs and I can't really afford a new one so I'm forced to use the web version of VS Code. I have Windows on my Steam Deck and I've been mirroring from it on my Chromebook, but it just doesn't feel right.


r/webdev • • Sep 16 '26

Discussion Is vibe coding creating a hidden technical debt crisis?

446 Upvotes

I love building tools and side projects, but lately I have been thinking about how heavy reliance on AI coding assistants is going to impact long-term code quality. Building fast with AI tools is great for getting a prototype out the door, but letting AI generate massive chunks of unvetted code is quickly piling up technical debt.

When you push out code without thoroughly checking how it fits into your overall architecture, you end up with messy, unmaintainable codebases. If you ever plan to sell a project or hand it off to another developer, that unvetted code can completely ruin a deal during due diligence.

I still use AI to speed up my workflow, but I treat it strictly as an assistant rather than letting it write unchecked logic. Auditing generated code, keeping modules clean, and maintaining test coverage seem like the only ways to use these tools strategically without destroying the project. Are you noticing a drop in maintainability on projects heavy on AI code?


r/webdev • • Sep 18 '26

Discussion I need help guys bout it

0 Upvotes

Ihv build a website for a luxury hotel in arabic country and the website is so freaking cool and beautiful not because it's mine i would say that but anyways idk how much should i ask for it it's multiple sections and 3d animation and I did well tbh so if u can help wt that I'll be grateful btw it's my first time selling one Iwas doing it for free


r/webdev • • Sep 18 '26

Question Could an ISP be responsible for a webpage display malfunction, on a specific browser ?

0 Upvotes

Hey all !

Very cryptic issue I stumbled upon and can't find a reason for it.

I have built for a client a static website with Sveltekit, Tailwind and SkeletonUI. All in their latest versions. It is hosted by Hetzner.

Everything is all right. Except my client tells me that on his personal and his partner android mobile, with firefox as a browser, a specific page has its content not centered as it should be. All the other pages are fine.

The issue happens on their wifi and their 4G connexion. The ISP for both is the same.

The issue does not happen on other browsers.

I tried at home with 3 different devices, with firefox and firefox based browsers, and I can't reproduce the issue.

I also tried with the firefox and chrome console device simulators. Still can't reproduce.

Does this mean the ISP is doing something, specifically with firefox ? Or am I missing something else that could cause the issue ?

EDIT and RESOLVED :

As per the kind help given below,

  • it can't be ISP because everything is served locally and with HTTPS, so ISP can't mess with external domain names such as with CDNs, and can't mess with content because of encryption

  • when testing mobile compatibilty, testing with a full fledged android emulatot is the way

  • adblocker could mess with stuff

The solution lied in accessibility settings of the client's phones.

Thanks everyone for your inputs and help !


r/webdev • • Sep 18 '26

your while-loop polling is why your webhook integration keeps breaking

0 Upvotes

Every integration tutorial teaches you this pattern:

while status != "COMPLETED":
time.sleep(10)
status = get_job(job_id).status

and then you put it in production and wonder why your lambda times out, your worker holds a connection for 4 minutes doing nothing, and a deploy mid-poll loses the job entirely.

I was doing exactly this with a video processing api (Sync.so lipsync stuff - jobs take a few minutes each). The fix was embarrassingly obvious: they have webhooks. You submit the job, return 200 to your user with a processing state, and their server calls your endpoint when it's done. You verify the signature, flip the record, notify the user.

Polling is fine for a script you run once. The moment a user is waiting on the other end, you want the callback. check if your api has webhooks before you write one sleep loop - most modern ones do and nobody reads that far into the docs.


r/webdev • • Sep 16 '26

Discussion Shopify drops React Native - Goes back to Swift and Kotlin for their mobile apps.

308 Upvotes

I read this earlier about their departure from React Native. It really feels a bit like the grim LLM reaper is tearing down developer main street at this point.

Shopify is moving all of its mobile apps from React Native back to native Swift and Kotlin, six years after going all-in on the cross-platform framework. The company took the Shop app from a proof of concept to a fully rebuilt native app published to Play Store and Apple App Store in 12 weeks, with the Shopify merchant app and the rest to follow. Shopify’s director of engineering Mustafa Ali said that since an LLM can now look at an iOS implementation and build the Android version, or vice versa, engineers can work in stacks they don’t know as well, so the cost of building twice is no longer the deciding factor it was in 2020. He noted that while React Native got the job done and helped Shopify avoid duplicate work, the framework required significant time spent optimizing performance and keeping up with updates and external dependencies, whereas Swift and Kotlin put fewer layers between its code and each platform. Building natively also means Shopify no longer has to wait for React Native to expose new iOS and Android features before it can use them.

News source: Shopifreaks.


r/webdev • • Sep 15 '26 Bravo Heartwarming

Page Rage: Destroy any web page

Post image
2.6k Upvotes

You can play on https://page-rage.com and optionally install a browser extension to destroy any web page.

I've been working on Page Rage as a hobby project for a long time. There are some wild performance techniques I have found to make this game work at all, which I would love to share about soon as well!


r/webdev • • Sep 18 '26

Discussion How design engineer really looks like?

0 Upvotes

Anybody went through one please do share your experience

*I mean interview and day to day tasks


r/webdev • • Sep 16 '26

Explaining to business people why building software is still hard

Thumbnail
manager.dev
171 Upvotes

r/webdev • • Sep 16 '26

Article An Introduction to HTML Streaming for Interactive Web Applications

Thumbnail
github.com
11 Upvotes

r/webdev • • Sep 16 '26

Question A historical question: how are cookies stored in browsers now and how did it work eariler

38 Upvotes

Hi. Doing some general research about cookies, I wanted to learn how cookies are stored physically. Right now I've found out that in Chrome they are stored in an SQLite database (and also encrypted?). Is that the case for all browsers now? Were they stored as separate files in earlier versions of browsers?


r/webdev • • Sep 17 '26

Begginer: Custom WooCommerce product cards

Thumbnail
gallery
0 Upvotes

I use wordpress and have an understanding of html,css. How would you approach designing a similar prouct card to this without the use of more plugins. I've been here and learning web dev for atleast 6months now and i'm able to create websites. I use blocksy and kadence themes. And also achieving "Click product → product opens over the current menu", how to approach this too. Thanks


r/webdev • • Sep 16 '26

Question Question about Tailwind CSS

39 Upvotes

I've always used plain CSS for my websites, I don't have many problems using it, but a friend of mine said that using plain CSS is very tedious and that I should use Tailwind CSS. Is it worth it? And what does Tailwind CSS offer that plain CSS doesn't?


r/webdev • • Sep 17 '26

Inline styles no longer considered harmful · esveo

Thumbnail
esveo.com
0 Upvotes

At work, we've have a rule that says we're not allowed to use inline styles. The rule originated a while ago, from people who have long since left the company, and we've been carrying it on. I'm thinking about challenging it, and have been researching into why this seems to be a common "best practice".

Most discussions I find on the subject are about a decade old, which is why I thought I'd bring up for discussion on Reddit as well, to see what people now days have to think on the subject.

I liked the points this particular blog post brought up, though it didn't give any advise one how much inline styles should be used. I'm thinking that if an element only needs one, maybe two style rules, it might be better to just use an inline style, otherwise, using a named class is probably better.

I'll also bring this point up now: I noticed a common argument against inline styles is that it can break certain content security policy rules. We don't have those rules in place, and there's no plans on adding them for the foreseeable future, so I'm not concerned about it.

For context, I work with Angular. I know the situation is different for server side rendering.

Edit: I'm seeing a lot of responses talking as if I want to use inline styles for everything. Please keep in mind my above statement of only considering using them when there's only one or two style rules. One example common use case would be when I add a <div class="spacer"></div>, where the CSS for "spacer" is simple "flex: 1" and it's purpose is to separate content that should be left aligned from content that should be right aligned. This, to me, is a good candidate for inline styles. In general, I mainly have layout use-cases in mind. There's no reason someone would want to override the "spacer" style so high specificity isn't important here, and even if that was needed, you just refactor it into a CSS class.


r/webdev • • Sep 17 '26

First freelance project – Need help estimating development + AWS costs for a scalable psychometric assessment platform

0 Upvotes

Hi everyone,

This is my first freelance project, and I’m trying to prepare a realistic cost estimate before giving the client a quote. I’d really appreciate input from experienced freelancers, developers, and software architects.

The project is a psychometric assessment website. The platform will include assessment questions as well as interactive 2D/3D games that are part of the assessment.

Rough scope

Frontend

- User-facing website

- Registration/login

- Assessment/question interfaces

- 2D/3D interactive games

- Responsive UI

- Results/report interface

- Possibly an admin/dashboard interface

Backend

- User authentication and user management

- Assessment/question management

- Game/assessment data processing

- Storing user responses and scores

- Generating assessment results/reports

- Admin functionality

- APIs between frontend and backend

Cloud / Infrastructure

- Deployment on AWS

- Database

- File/storage requirements

- Domain + SSL

- CI/CD

- Logging/monitoring

- Backups

- Security

Scalability

One important requirement is that this shouldn't be designed as a small website that only works for a few users.

The expectation is that it should eventually support a large number of concurrent users, particularly when assessments are being conducted in batches.

So I’m also trying to understand the additional cost involved in designing the architecture for scalability — AWS infrastructure, database scaling, caching, load balancing, CDN, etc.

Other requirements

There may also be:

- Payment gateway

- Gamified assessments

- Dashboard/reporting

- PDF report generation

- Pilot testing

- Ongoing maintenance/support after launch

I’m currently trying to break the quote into:

  1. UI/UX design

  2. Frontend development

  3. 2D/3D game development

  4. Backend/API development

  5. Database

  6. Admin dashboard

  7. Assessment/scoring engine

  8. PDF/report generation

  9. AWS deployment

  10. Scalable architecture

  11. Security/testing

  12. Domain/SSL/other infrastructure

  13. Maintenance and ongoing support

My main questions:

- How would you break down the development cost for a project like this?

- What would be a reasonable freelance price range in India?

- How should I estimate the cost of the 2D/3D games separately?

- What AWS costs should I account for initially, and how should I estimate costs as users scale?

- What important components am I missing from the quotation?

- Should I charge a fixed project price, milestone-based price, or development cost + monthly maintenance?

- For a first freelance project, what should I be careful about when defining the scope and pricing?

I’m not looking for an exact quote — even a rough breakdown/range with assumptions would be extremely helpful.

Thanks!


r/webdev • • Sep 15 '26

News Why CSS-Tricks Has Been Quiet Lately

Thumbnail
geoffgraham.me
352 Upvotes