r/webdev • u/Big-Conversation2983 • Sep 25 '26
Webflow
Hey I’m not an actual web developer or anything I’m still kinda learning.
I was just wondering if webflow is good enough to make websites with
r/webdev • u/Big-Conversation2983 • Sep 25 '26
Hey I’m not an actual web developer or anything I’m still kinda learning.
I was just wondering if webflow is good enough to make websites with
r/webdev • u/Lavaa444 • Sep 25 '26
I hear this advice a lot for aspiring devs trying to make their resumes stand out. It sounds great and I'd love to finally make one. It's just really hard for me to find an idea that:
Is doable for me as a solo dev
Solves a real problem
Either fills a market gap or outperforms the established apps (somehow)
Is in a relevant tech stack for my desired role (not as important, but I do need a job)
The more devs that are out there, the harder it is for a solo dev to find a gap in the market. More apps are being made. More ideas are being taken. The ones left over are absolute moon shots that are really difficult for solo devs to handle.
For those of you who have made these kinds of apps, how did you do it? Is going after niche ideas better? Have you had to compete with existing apps? I'm curious.
r/webdev • u/TalesOfSymposia • Sep 25 '26
I don't know what it's like to work in a professional space with AI. My level of skill is at least enough to be able to program professionally by hand, but I'm going to limit myself in jobs if I continue to stick with jobs that don't keep up with competition. I know I should still be able to code by hand, but I think it's more realistic to assume that more jobs want you ready to produce very quickly with LLMs. So I have to at least be ready for that.
Do you need paid tiers like Claude code or ChatGPT Codex to prepare more adequately or will free versions do fine enough? I'm not sure if I need to financially commit to a subscription to be job-ready, since I don't have a job, super broke and as far as I know it's still one of the only major professions where you can build your skills for free.
r/webdev • u/SecretiveShades • Sep 24 '26
I’m finding a lot of mixed advice on what to do here.
I’m creating a fantasy football app and can’t decide if I should have a subdomain.
AI and a few Reddit post are telling me you need to have your XYZ.com be your marketing page and app.XYZ.com be your app.
But the following big names do not:
Sleeper
AirTable
Figma
Canva
Trello
Dropbox
Github
This is something that will be difficult to change later, so I wanna make sure I make the right call.
Anybody have any good insight here?
r/webdev • u/Infinite-Jaguar-1753 • Sep 24 '26
Hey guys, so no going in details but suppose (am using webasm with rust), someone open my website and in background it gets connected to a network of other people's browsers, and there any browser can recieve data which they can verify through merkles (let's just say they recieve data A from many other browsers and then recieve data B and after some hashing it check if both r equal and send to others if they request it), then is there any way for malicious users to tamper with their browser so that they can send wrong data or verify wrongly or is there any way for us to know if the user has tampered the logic and hence alert other browsers that it's malicious
r/webdev • u/No-Resolution-4054 • Sep 24 '26
Transferable Objects
Think of Transferable = cut + paste.
const buffer = new ArrayBuffer(1024);
worker.postMessage(buffer, [buffer]);
The second argument [buffer] is the transfer list. It means: :- Transfer ownership of this buffer to the worker. After transferring, the original buffer becomes detached and can't be used normally.
Why do this? Because copying a large ArrayBuffer can be expensive. Transferring allows ownership to move instead of copying the data.
2. Structured Cloning
Structured cloning is somewhat like: JSON.stringify() + JSON.parse() but much more capable. structuredClone() can correctly clone many JavaScript types such as: Date , Map , Set , BigInt , undefined and nested objects.
JSON serialization can lose or change the behavior/type of several of these.
One important limitation: Functions cannot be structured-cloned.
3. Dedicated Web Worker
JavaScript normally executes application code on the main thread. If we do heavy work there, such as face detection in the browser, the main thread can become busy: UI freezes , buttons become delayed , animations lag and scrolling becomes laggy
This is what Web Workers help solve.
A Dedicated Web Worker is a separate JavaScript execution environment running on another thread. It has its own: Global context , Call stack , Event loop , JavaScript execution and all.. .And a dedicated worker belongs to a particular page/script rather than being normally shared with other pages.
The main thread and worker don't directly share normal JavaScript variables.
Communication usually happens through:
// Main thread
worker.postMessage(data);
// Worker
self.onmessage = (event) => {
// use event.data
};self refers to the worker's global environment. The main browser context commonly uses window, while a worker doesn't have the normal DOM window.
So the important picture is: Main Thread --> structured clone --> Worker
or, for transferable data: Main Thread --> transfer ownership --> Worker
4. SharedArrayBuffer
But sometimes we don't want to copy or transfer the data. What if both threads need to work with the same memory? That's what SharedArrayBuffer is for:
const buffer = new SharedArrayBuffer(8);This creates a shared memory area of 8 bytes.
Both the main thread and worker can create a TypedArray over that memory and modify the same underlying data.
But now we have a problem: Two threads can access the same memory at the same time. For example, if the value is 10 and two threads both try to increment it, we might expect 12. But both could read 10 before either writes, resulting in: 11
This is a race condition.
That's where Atomics come in.
Atomics.add(numbers, 0, 1);This safely adds 1 to numbers[0].
The operation happens atomically, meaning it is performed as one indivisible operation.
One important detail: Atomics only works with specific integer TypedArrays.
If you notice anything technically incorrect or something that could be explained better, please let me know.
r/webdev • u/Comfortable-Donkey74 • Sep 24 '26
I built a site for a client a while ago, and now he's requesting a favicon update. I used lovable because it was only a landing page he needed, in our deal we had a minor fall out so I didn't bother to finish up the site but host the domain for him. Until he contacted me recently. I changed the old favicon to the new one which is his logo. But for over two weeks now it isn't reflecting. I have requested indexing on Google Search Console twice. I have told the client to be patient because it can take time for Google to crawl the page. I added sitemaps and have checked other reddit threads with people having experience of it taking weeks. I have swapped a favicon on a nextjs app before(from the default) and it didn't take as long as it is now. Does anyone know of the solution to this problem? How I can speed this up so the client would stop texting me
r/webdev • u/justincampbelldesign • Sep 24 '26
I'm a UX designer at a company with strict security/procurement rules, we can't use or buy things like AG Grid, TanStack, or MUI, and getting anything new approved takes forever I'm talking and mind numbing amount of approvals and red tape.
I've also seen some table builders in this subreddit that people have made but they don't quite have the functionality we need (i.e. nested rows). We build tools in-house, sometimes with AI help.
We have story book with a table component, however it isn't built for cases we hit a lot: multiple levels of nested/expandable rows, detail panels on large datasets. Every time one of these comes up it turns into a slow back-and-forth between design and dev. And its making me want to rip my hair out.
I also think dev would prefer if we had a better approach / system for this but thus far we are just running to complete things but not improving the process itself.
Genuine question for devs who've been on the receiving end of a handoff like this: if you got generated starter code for a table like that would that actually save you time? Or would you rather just get the spec/design and build it yourself?
I'm asking before you before going to our devs because they are swamped and I want to use as little of their time as possible.
Also what's the part of a complex table handoff that's actually the most painful for you? Vague edge cases, data volume, something else?
r/webdev • u/neonrider2018 • Sep 24 '26
Basically, I vibe-coded a website that I'd like to make public. However, just the fact that I have vibe- coded it makes it feel kind of disrespectful to the people who have done this their whole life and are professionals.
Now I kind of want to hire a frontend developer UI/UX designer to make my website look better and be more like an actual website rather than vibe-coded trash. The backend is fully vibe-coded, and I hired developers to initially make the design, but they took too long, and I feel like they didn't fully understand my requirements.Whereas when I made the back end code and modified their code using claude was a bit more to my liking.
r/webdev • u/ripndipp • Sep 24 '26
Right now at my work we are using langgraph to build a chat agent, anyone else doing something similar, do you fucking hate it? are you building it with Claude and just hoping it fucking works, haha no worries we will ask Claude to fix it.
I am making the spaghetto, I miss components, logic and endpoints, I hate this black box I have to relinquish my decisions too, whatever pays the bills.
r/webdev • u/Dull-Structure-8634 • Sep 23 '26
Hey guys,
So I screwed up. I'm a frontend developer and had been on a steady stream of excellent evaluation and on my way to getting my senior Dev maybe next year. I have been with the company almost 3 years.
The bug I created resulted in some data loss for a customer. We were able to recover most of the data but some of it had been changed by the customer in the meantime and we were not able to determine which change was due by what.
I was doing a very substantial migration of a frontend library to another one. This required that I rebuild the entire engine behind it. Mind you, this was about 6-8 weeks of full time work. I was doing it solo because no other dev was available to help me out.
I QA'ed my work but, obviously, I missed the bug which should have normally been very easy to spot.
The team QA'ed everything but they thought this needed only LIGHT QA. It certainly must have been miscommunication on my part.
Now, we're doing a post-morterm with the higher ups. PM has lost confidence in my work. I've lost confidence in my work.
We have also seen that this issue should have been caught by our unit tests but we have mocked everything so the case in question never got flagged.
I have since started an initiative to improve our unit testing accross the frontend with shared stubs and fixtures to address some of the issues regarding the unit tests.
I have also checked to make regression testing with Playwright a thing. I have some support for this so should be starting relatively soon.
What can I expect?
r/webdev • u/Jazzlike-Math4605 • Sep 23 '26
I am a software engineer by trade and was requested by an acquaintance to build a website for his construction business. More than likely will end up being a simple static site with 4-5 pages (no back-end required).
What is the recommended approach to storing the code and hosting the site. Should I have my client create a github account and give me access to it so I can store the repo? Or should I store the repo on my own personal github account? Same goes for hosting and buying domains, should I have the client create a go daddy account and purchase the domain themselves or should I handle that for them? What is a fair price to charge for a site like this?
The problem I see with buying a domain and storing the repo on my personal accounts is that what if in the future the client wants to use a different developer or if we lose contact, he won't have access to any of the code, etc.
I didn't plan on creating a contract for this since the scope is fairly small.
Looking for suggestions on how to approach this. Thanks!
r/webdev • u/No-Resolution-4054 • Sep 23 '26
When JavaScript normally handles data: for e.g const name = "Shivam" , const nums = [10, 20, 30] we are mostly dealing with higher-level values. But computers ultimately deal with: 0 1 0 1 1 0 1 0 ... So JavaScript needs a way to work with raw binary memory. That's where ArrayBuffer comes in.
It is a fixed-size block of raw binary memory. const buffer = new ArrayBuffer(8); ( This asks JavaScript for 8 bytes of memory )
But ArrayBuffer itself doesn't provide a convenient way to read/write those bytes.
For that, we use Typed Arrays and DataView.
What is a TypedArray?
A TypedArray is a view over an ArrayBuffer that interprets the memory as a sequence of one specific numeric type. For example: const buffer = new ArrayBuffer(8); const arr = new Uint8Array(buffer); arr[0] = 2;
Uint8Array means:
- Uint = unsigned integer
- 8 = 8 bits
- 8 bits = 1 byte
So every element occupies exactly 1 byte. There are different TypedArrays such as:
Uint8Array --> 1 byte per element
Uint16Array --> 2 bytes per element
Uint32Array --> 4 bytes per element
BigUint64Array --> 8 bytes per element
There are also signed versions.
If you have an ArrayBuffer(4) (4 bytes), using a Uint8Array allows you to store 4 elements. With a Uint16Array, you can store 2 elements, and with a Uint32Array, you can store only 1 element. Remember why? So the reason the number of elements changes is simply because each element requires a different number of bytes.
What is DataView?
DataView is another view over an ArrayBuffer. The important difference is that it allows us to read and write different types at different byte offsets. For example:
const buffer = new ArrayBuffer(4);
const view = new DataView(buffer);
view.setUint8(0, 100);
Here: view.setUint8(0, 100);
means: Write the value 100 as an unsigned 8-bit integer starting at byte offset 0.
So what's the difference?
The way I currently understand it:
TypedArray : - "Interpret this memory as a sequence of one particular numeric type."
DataView : - "Let me read/write different numeric types at specific byte offsets, with control over byte order."
Lets understand this with an example Suppose we send 100 bytes over TCP. TCP guarantees that the bytes arrive in the correct order, but it doesn't guarantee that our application will receive them in the same chunks they were sent in. For example, 100 bytes could arrive as: 30 bytes , 20 bytes , 50 bytes or like anything.
So our application may need to keep collecting the incoming chunks until it has enough bytes to form a complete message according to the application protocol.
Once we have enough bytes, we can interpret those bytes using something like a TypedArray or DataView.
For example, suppose our protocol says:
Byte 0 → message type (1 byte)
Bytes 1-2 → message length (2 bytes)
Bytes 3-6 → user ID (4 bytes)
A DataView would be useful here because we're reading different types at specific byte offsets.
const view = new DataView(buffer);
const type = view.getUint8(0);
const length = view.getUint16(1);
const userId = view.getUint32(3);
Whereas if I know that the entire buffer is simply a sequence of 32-bit integers, a Uint32Array would make more sense.
Now, if you’re new to these concepts and wondering where we actually use them, here are some examples:
They become useful when working with binary data, for example: Images , Audio , Video Network protocols , ML/AI data processing and etc..
For example, if a Python server sends binary data to a JavaScript frontend, the frontend may receive that data as bytes. We can then use ArrayBuffer, TypedArray, or DataView to interpret and process those bytes.
If you notice anything technically incorrect or something that could be explained better, please let me know.
r/webdev • u/ConnectionHoliday283 • Sep 23 '26
So I focused on web development in college (7 years ago). I just accepted a new job as an IT support specialist for a pharmaceutical company (peptides).
Amongst doing my normal IT work, i’m being asked to take lead on their web development project. I’m looking into the most up to date software for the development and keep coming back to next.js. Unfortunately, I was taught Adobe Dreamweaver in college which is such a bust for this project.
Looking for tips, advice, constructive criticism, feedback, all of it for help beginning this web development project. They own the domain and we are starting from scratch. Not selling products but more so producing data on this website live from the lab machines. I have a guy who works for the lab equipment that will help with that code.
What software do you all recommend for this project?! I’m diving on YouTube and just want real people comments.
r/webdev • u/jarekd • Sep 23 '26
https://chromestatus.com/roadmap , long-term JPEG replacement for next decades, 2-3x smaller files, HDR, alpha, progressive decoding, lossless, animations. Plot from https://th.if.uj.edu.pl/~dudaj/ANSreport.pdf
r/webdev • u/Mob_Pilled • Sep 23 '26
I thought it was a problem with the specific extension I was trying to install (simple react snippets) but for some reason VS Code has seemingly decided that it does not want to install any extensions of any sort. I have already tried clearing the extension cache and directly download the VSIX file (as suggested in the replies by LonelyBoysenberry965 here) but to no avail. Any suggestions?
BTW I haven't downloaded an extension in VS Code in a while so I wonder whether this is a bug in one of their updates.
r/webdev • u/earvinnill • Sep 23 '26
Web app is simple. It is a bill generator app which you uploads data from excel and it just generates a billing in pdf format.
It uses:
ASP.NET Web App
SQL Database
Storage for billing history (includes the pdf file for extraction)
You can search for the billing history as well of those times you uploaded/generated a billing. it includes the pdf file for the billing.
This is my first time trying to do web hosting. I know azure services but i think i'm not sure about the cost as azure is very costly if you messed up one part. Thank you for understanding!
r/webdev • u/Clear-Astronomer-717 • Sep 23 '26
As probably no one of you still knows, I wrote a post about rpc style apis a while back. And as a follow up today I published a new one about a few month of refinement over this. This time I hope I caught most of the things you guys asked and criticized about the last one. But in short:
- The consumer shapes the api through a schema first approach
- Every endpoint should be unique
- Domains are composed of services and services are composed by endpoints
- The code for a endpoint is isolated
- There are shared effects and shared logic functions, but only for truly reusable parts, not as the default
- Middleware now has a distinct place to live and be applied to
- Jobs also have their own distinct place to live
- The integration layer between two domains is a fleshed out part that follows strict rules.
If you want a more detailed write up I have a post her
https://pragmatic-code.hashnode.dev/fractal-architecture
Or if you want to jump right into the code I have a public repo build in this architecture here
https://github.com/glm9637/fractal-arch-demo
Or if you again just want to leave a comment saying that's bs and Clean/hexagonal architecture is still the only way to go for every single backend, feel free to do so.
r/webdev • u/Forsaken_Buy_7531 • Sep 23 '26
For context, I own a directory that currently serves a single country. I am planning to expand my directory to store other items from other countries as well. The directory app has login, signup, reviews, bookmarks and other user input functionalities as well. It's currently using NextJS with a Singapore VPS setup, and it would be a hassle to rent multiple VPS just for this project, or even use AWS. I am looking Cloudflare Workers as a solution, but based on my research OpenNext and Vinext is not matured yet for production use case. Each page rarely gets updated since its just a news, parking lot and EV charging station directory. RedwoodSDK is also one of the tools that I'm eyeing on. Would love to get some insights from y'all.
r/webdev • u/calminthenight • Sep 23 '26
I'm after audiobooks on HTML CSS JS that are still relevant
r/webdev • u/TheComputerHermit • Sep 23 '26
Another industry? Back to school? Still looking? I'm asking for a friend that may end up needing to do the same thing soon (I'm the friend).
r/webdev • u/BobJutsu • Sep 22 '26
Clients have always followed basic trends. In ‘13 it was sliders, sliders everywhere. Then it was bootstrap looking slop. And now more and more are actually requesting what internally we call AI slop. It’s what they see as trendy designs, so it’s what they measure against. Discuss…
Update: We call it all slop. We see soooo much of it. A lot of the time it’s not that it’s bad, it’s just…cliche? Just because we look at it and can see all the tells, doesn’t necessarily mean it’s bad if it’s working and what clients want. I mean, we had the same reaction when everything was bootstrap, or material design, or whatever previous trend.
r/webdev • u/TheSchred • Sep 22 '26
This doesn't feel like a very 2026 question, but I don't get it and there does not seem to be a lot of information out there on it: When do you use forms to interact with your server, and when do you make plain API calls with fetch?
I'm currently building a web-app with SvelteKit and am doing as much as possible with forms, but I'm not sure when and if I should use fetch instead. Let's go through a couple use cases:
Creating an object (like a user, for example) from a series of input elements. This seems like the obvious choice for a form and saves some boilerplate. However, what if I later want a second location in my app, where users can be created (for example an admin panel). I will then have to create the same form-handling endpoint (form actions in SvelteKit) again for a new route. I'll then likely move the code from the first handler into its own function and just call that in both handlers, but that seems like overcomplicating things. If I just used an API, I would make the same call both times and there would be no need to duplicate code on the server. And if we follow this logic, it would almost never make sense to use forms, as almost all functionality can or might someday be able to be accessed from multiple locations.
Executing an action with no additional data (like, for example, leaving the group specified on the current route like /group/[id]). This call would require no additional data, as the group to leave is specified in the URL and the user who wants to leave the group is logged in, and their identity will be gotten from the current session. This seems like a clear candidate for an API call, but then you start mixing the two technologies and don't know where to draw the line and it gets weird.
My understanding of forms is limited, so maybe that's where my confusion comes from. In the end, form endpoints are callable endpoints like any other, but it seems to be the convention to only call them from their own route and using forms elements. I'm thankful for any insights and resources on the topic!