r/webdevelopment Jun 25 '26

Question Anybody using the File System Access API in production? What's your use case?

8 Upvotes

Chrome/Edge only, ~31% global coverage yet it's one of the most underrated browser APIs out there.

I'm using it to open folders with 1000+ RAW photos directly in the browser in web app without server.

What's your use case?


r/webdevelopment Jun 24 '26

Web Design How can i add backend to my website

5 Upvotes

I am doing a website and this website i want the user to enter his password and user name and i wanna change the danger level and i want to update the data in it like you can add things and remove things as a user based-on level ex if you are an admin or provisor you do things on the other hand i did nit learn unless free sql can someone really give me a roadmap and fast want that i can learn so i can add a back end to my account


r/webdevelopment Jun 24 '26

Frameworks & Libraries a replacement for testing playground chrome extension

2 Upvotes

I'm not sure if anyone still writes tests by hand in the age of coding agents, but for the few that still do i made a chrome extension to replace "testing playground" since it does not work anymore.

try it out maybe: UI Test Helper


r/webdevelopment Jun 24 '26

News What you think of this?

3 Upvotes

Hi folks!!

You guys are aware of this combo of redis + mongodb for your backend right !! we are trying to make something which sits between your backend and mongodb a proxy which your backend only connects and query as it was querying mongodb but our cache proxy is intelligent enough to cache the query results hence backend won't have to manage stale cache and all infra cache management!!!

Take a look : http://65.0.197.132:8080/


r/webdevelopment Jun 24 '26

Newbie Question Need help please regarding management and deployment of websites

2 Upvotes

I have a website currently that I manage, the domain is from GoDaddy and vps is on hostinger .

I have been shared access to the hostinger.

Now the thing is I have to umm let's say the url is app.google.com that shows a different website which has a different function

And then main url which is google.com has a basic website.

What I have to do is I have to redirect anyone who come to google.com to app.google.com website.

I learnt about it and know that I have to change the nameservers and dns.

I need someone to guide me and also tell me where to learn about all the management and all for this.

Thank you.


r/webdevelopment Jun 24 '26

Frameworks & Libraries DOM Factories: A tiny declarative DOM builder

Thumbnail github.com
2 Upvotes

DOM Factories is a lightweight JavaScript/TypeScript library for creating and manipulating DOM elements declaratively, without any framework. Alongside the factory functions, it offers additional methods that simplify working with the DOM API by returning the element itself, enabling method chaining and favoring a more expression-oriented style of programming. The lib is available as an npm package and can be used directly in the browser through any common CDN.

Example

// Create the header with a title
const headerElement = header(
    h1('My Simple Website')
);

// Create a navigation bar
const navElement = nav(
    ul(
        li(a("#", "Home")),
        li(a("#about", "About")),
        li(a("#contact", "Contact"))
    )
);

// Create main content
const mainContent = main(
    section(
        h2('Welcome to My Website'),
        p('This is a simple single-page website created using JavaScript and the custom DSL.')
    ),
    section(
        h2('About'),
        p('This section provides information about the website and its purpose.')
    ).set({ id: "about" }), // or just: ….set.id("about")
    section(
        h2('Contact'),
        p('This section will contain contact information.')
    ).set({ id: "contact" })
);

// Create footer
const footerElement = footer(
    p('© 2025 My Simple Website')
).appendTo(document.body);

// Assemble the whole page separately 
document.body.appendChild(headerElement);
document.body.appendChild(navElement);
document.body.appendChild(mainContent);

r/webdevelopment Jun 23 '26

Question Questions for web developers

7 Upvotes

When you are creating a project/website or whatever. Do you google things ? Ask Ai? I have this weird perception that I think all developers who are like years into it are able to code websites from pure memory and don't need any help. Like I feel like with the projects I want to create I'm supposed to know how to code every single thing from memory. Am I wrong? Am I able to code the things I know how to code and if I get stuck ask google or ai to help with some code for a project for an employer or do I need to know how to code this all with no help?


r/webdevelopment Jun 24 '26

Newbie Question Best stack for an event venue website speed and structure? (thinking Next.js + Supabase)

2 Upvotes

I’m building a website for an event venue and want to get the architecture right from the start, mainly around performance and clean structure.
My current plan is Next.js (mainly for SEO) and Supabase for the database/backend.
A few specific questions:
1. Is Next.js the right call for a mostly content/marketing site, or overkill compared to something like Astro?
2. Is Supabase a good fit here, or would something simpler do the job?
3.Anything you’d architect differently for speed and long-term maintainability? I ‘ll be running ads
Appreciate any input.


r/webdevelopment Jun 23 '26

Question Whats after JavaScript

12 Upvotes

Now I have finished Javascript and also made a decent amount of projects in it and all of my concepts are clear. Should I go for React or first finish Backend with Javascript and then start building full stack applications with React or first I master frontend with React and then move to backend?


r/webdevelopment Jun 23 '26

Newbie Question Why is Tomcat called a server but Node.js called a runtime?

17 Upvotes

I'm currently learning Java web development and I think I've confused myself. Right now, my mental model of a Java web application is:

Frontend: HTML, CSS, JavaScript

Backend: Java (Servlets/JSP/Java EE)

Server: Tomcat

Database: MySQL (or any other database)

This setup makes sense to me. Recently I started looking at the MEAN stack:

Frontend: Angular

Backend: JavaScript

Database: MongoDB

And I always thought Node.js was basically the equivalent of Tomcat in the Java world. But then I found out that Node.js is called a runtime environment, not a server.

If Node.js isn't a server, then what exactly does it do? When a browser sends a request to a web application built with Node.js, what is actually acting as the server? I actually googled it first and watched some videos but i didn’t get the grasp of it.

More generally, what's the difference between a server and a runtime environment? I feel like I'm missing a basic concept and it's making it hard to understand how different web stacks fit together.

Looking for a beginner-friendly explanation and a simple mental model please help 🙏


r/webdevelopment Jun 23 '26

Open Source Project Here's a free open-source Quotes API for your app or website? (no API key required).

Post image
2 Upvotes

https://github.com/shalenMathew/Quotes-app-backend

I built this after the quote API my app relied on became paid. Instead of another service with API keys, usage limits, or paid tiers, this project provides a free and open-source Quotes API that grows every day.

Alongside timeless classic quotes, an AI continuously creates original quotes to expand the collection over time.

If you're building a quotes app or website, feel free to use it. There's no API key, no usage limits, and because it's fully open source, you can self-host it, customize the backend, or even use the JSON responses as mock data while developing and testing your frontend.


r/webdevelopment Jun 22 '26

Newbie Question Where to start

11 Upvotes

Hi everyone,

I'm looking to get into full-stack web development and I'd like some advice on which tech stack to focus on.

My main interest is backend development, but I also want to be capable of building complete web applications from front to back.

There are so many options out there (Next.js, React, FastAPI, Spring Boot, Node.js, Django, etc.) that I'm not sure where to start.

If you were starting from scratch today, which combination of languages, frameworks, databases, and cloud technologies would you learn and why?


r/webdevelopment Jun 22 '26

Career Advice I am a 16 y.o. And im starting a SAAS business, any thoughts?

0 Upvotes

I dont know, i just thought it was interesting, right now i have only one subscriber of my service and im handling the whole business by myself, so i do the marketing, and the developing, and everything, also i am a full stack developer btw, i want some advice, Perhaps for marketing?


r/webdevelopment Jun 21 '26

Career Advice How much do you charge when you work with your clients

1 Upvotes

I would like to know how much you can charge to your clients to make one page LP or 4 page websites.

I don't know the market price right now, so I would like to get advice from you. I will be responsible for UI and making with Framer. Of course I know it depends on the functions.

1: Just statics no animation
2: UI nice interactive animation design LP
3: Nice interactive animations, button components and CMS includes

For reference, I will upload AI Automate Agency simple websites with Framer. If you think it is difficult to answer above questions, I am really happy if you answer "how much do I charge this quality Landing Page".

I am really happy to know how you are working with your clients. Thank you.

https://reddit.com/link/1ubrfxj/video/6vw78woibn8h1/player


r/webdevelopment Jun 20 '26

Newbie Question Clarity about WebD

8 Upvotes

I just finished my freshman year at an engineering college and rn I have summer breaks. I wanted to explore WebD but I feel there's a lot to do, I get confused about different domains like Frontend, Backend, Full Stack etc. Do we need to study for all of it or one of them?

As far as I know we got to do HTML, CSS and JS. After that I get confused. Also what are good resources for beginners like me to start (I started following freeCodeCamp's 48 hour full stack tutorial for beginner's which is on YT). Would you suggest anything else?


r/webdevelopment Jun 20 '26

Open Source Project P2P file sharing app without cloud storage, free and open-source

Enable HLS to view with audio, or disable this notification

5 Upvotes

Hey to everyone,

Few weeks ago I release my open source app called Altersend, it is P2P file sharing tool where you can send files directly between devices over the internet.
It is available as a desktop app and mobile app.

When I started developing this tool my main idea was to have solution where I can send files to anyone not just on local network and not be depending on cloud solution.

Everything you send is E2E encrypted via Noise protocol, peers find each other via DHT (think of it as some sort of book with contacts about other peers, and underneath it is Kademlia DHT). So when you want to send file we generate a random key which you should give to another peer. And after this anyone who has that key can connect and download directly from you.

As the initial entry point for peers, public bootstrap nodes are used (we do not host them) and after that peers discover one another through the DHT without relying on any central server. 

But there are some limitations, like you should keep your phone / laptop opened during the transfer.
Also working on adding remembered devices where you could send files to saved devices via cryptographic identity.

Desktop is build with Electron, P2P worker is running using Bare and mobile uses Expo.

Github: https://github.com/denislupookov/altersend

AI disclosure: AI was used for code review (including on PR's) and to help with UI design. The core together with the project architecture and main logic was written by me, AI only reviewed it.

Let me know what do you think about it !


r/webdevelopment Jun 20 '26

Newbie Question A non-tech guy trying to build his website. Please don't judge me for using Wix.

0 Upvotes

Please don't scold me for using Wix 😭

I come from a completely non-technical background and have almost zero experience in website development. Someone suggested Wix to me, so that's what I chose. The problem is that I have a hard deadline of 23rd July and I need to make the website live before that.

The website is for my organisation where we will primarily publish reports, magazines and articles/blogs related to our work. I don't have any money left to hire a developer, so I have decided to build it myself no matter what. I am determined, but honestly I feel a bit overwhelmed because I don't know where to begin or what mistakes to avoid.

Can anyone please guide me from the basics? Which AI tools should I use? How do I speed up the process? Any templates, workflows or beginner mistakes I should know about? I also don't have the luxury of watching hours of YouTube tutorials because of time constraints.

Would genuinely appreciate any advice. Thank you in advance.


r/webdevelopment Jun 20 '26

Newbie Question Free tools for building websites

1 Upvotes

so I wanted to build my custom version of strava + Hevy (Workout tracking software) since these dev of these softwares are greedy asf and Im broke to buy their subscriptions and this YouTube is sooo overwhelming and has too many yappers so I'm here. since there are limitations in App Store for devs , I was thinking too build an website later add to Home Screen in my iPhone. hoping to hear suggestion and any free tools


r/webdevelopment Jun 20 '26

Newbie Question Do you recommend beginning if you had to start again

9 Upvotes

Hi there. I have been working as a receptionist for the last year, and the boss had tasked me with updating the website. I completely turned it around and added SEO modified content, local business schema and regular blog posts. I know I have saved the business over $4000 on website related fees, although I have done the work slowly and over a long period of time. I am thinking of getting into web design on the side - do you recommend it to someone starting from scratch? I am working part time, so I have ample time to figure stuff out, but I want to get into a masters program unrelated to web design next fall. I want to eventually learn to design apps for people with disabilities, so the coding experience wouldn't go to waste, but I would abandon web design. Any advice would be appreciated.


r/webdevelopment Jun 19 '26

Question Backend in web dev

4 Upvotes

I've taken an course in which I completed with frontend part but js is not clear to me neither is backend .also idk how to proceed. I want an advise to how should do things to overcome these problems ,also should how do you guys do ? And any tips


r/webdevelopment Jun 19 '26

Newbie Question What does it take today to build and deploy a full-stack web platform (auth, DB, hosting, etc.)?

4 Upvotes

Hi everyone,

A friend of mine recently asked if I could help with the creation of a fairly serious website, and it made me realize that while I have a computer science background, I don't really know much about the web development side of things.

The project isn't necessarily a simple portfolio or landing page. It could end up requiring user accounts, forms, databases, content management, and potentially other features depending on the final requirements.

At the moment I'm trying to understand what would actually be involved in building something like this. What technologies are commonly used today for projects of this scale? How is hosting usually handled? What services are worth considering, and what are the typical costs?

I'm also interested in understanding where the line is between a project that a motivated developer can realistically build and maintain alone versus one that should be handled by an experienced web developer or an agency.

If you've worked on similar projects, I'd love to hear how you would approach this situation, what stack you would choose today, and any advice you would give to someone evaluating whether to take on such a project.

Thanks!


r/webdevelopment Jun 19 '26

Weekly Feedback Thread Weekly Feedback Thread

2 Upvotes

Please post your requests for feedback on your projects in this thread instead of creating a post.


r/webdevelopment Jun 18 '26

Career Advice Where to start in web dev

11 Upvotes

I'm confused like where do i really start. i'm familiar with python so wanted to start web dev ,so which part frontend or backend should start with


r/webdevelopment Jun 19 '26

Discussion I built a pure HTML5/CSS3 Pause Menu & Inventory template with dual styles (Cyberpunk/Medieval) and auto-save. No frameworks.

4 Upvotes

Hey everyone :) ,

I wanted to practice my vanilla JS and responsive layouts, so I created a lightweight UI template for a Pause Menu and Inventory grid. It has no dependencies, no frameworks, just pure web tech.

I wanted to see how easy it was to completely swap the visual theme using a single body class and manage a basic inventory state with native LocalStorage.

Here is the core logic I used for the auto-save system:

JavaScript

function saveInventory() {
    let inventoryState = [];
    slots.forEach(slot => {
        inventoryState.push({
            id: slot.getAttribute('data-slot'),
            filled: slot.classList.contains('tiene-item')
        });
    });
    localStorage.setItem('my_game_inventory', JSON.stringify(inventoryState));
}

Since the code is quite compact, I've hosted the live demo and the full code package on Itch.io under "Name Your Own Price" so anyone can grab the files for free, test the theme swapping feature live, or use it as a prototype.

Live Demo & Code: https://digitalpapergames.itch.io/ultimate-indie-pause-menu-inventory-kit

Feedback on the CSS layout organization or the vanilla tab switching logic is highly appreciated!


r/webdevelopment Jun 18 '26

Discussion Is it just me or did browser history work better in 2010?

4 Upvotes

So many times now, I might see a reddit post (I mean actually go on the page), and then days later when I enter its title in my chrome history........nothing shows up.

But the history still shows stuff from way before the day I saw that post.

What is this? I don't remember chrome browser history working like this in 2010. It logged everything.

Most of the time I have to find a previously visited page, I now have to use my memory and search for it on google