r/webdevelopment • • 7h ago

Newbie Question What program/web should I use to create a website

0 Upvotes

I'm a starter programmer, and I have some experience with Godot game engine and gdscript but I never made a website. I started making it in Canva but its not what I'm looking for Canva is more of a drag and drop and I'm looking for something where I can actually code and I don't want to use any AI. If you have any suggestions it would be really helpful.


r/webdevelopment • • 5h ago

Newbie Question Website development

0 Upvotes

I have been using shopify and ChatGPT to help me write a website but I am really struggling. I am quite technical but young and fro is confusing me! It’s half there. I can’t afford to pay someone. I have my domain cloud flare and now shopify. Can anyone help.


r/webdevelopment • • 23h ago

Question Hi web developer

2 Upvotes

I'm almost done building an online car rental website. I'm still a beginner in web development, and I'd like to know how to deploy my website online and find the cheapest hosting option available. I'm using Laravel to build it.

Any recommendations or advice would be appreciated!


r/webdevelopment • • 2d ago

Meta Best-Practices for Publishing a JS Framework

3 Upvotes

Im working on a project for myself. Its an unreviewed, unaudited and far from finished. It started of as a person curiosity and evolved from there. Its shaping up well enough to publish and share.

If i publish something on NPM, there are strict controls around versioning for which i havent burdened myself on my own projects (but clearly important when making something for a wider community). I also wonder if im overlooking any other details.

I wonder what best practices there are for something like this. Should i be publishing new versions with CI/CD? Are there any tips or advice for doing this in the modern js ecosystem?


r/webdevelopment • • 2d ago

Weekly Feedback Thread Weekly Feedback Thread

1 Upvotes

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


r/webdevelopment • • 2d ago

Question How to force browser to reload site? I realy need help.

4 Upvotes

Hi!

I was writing a site and I have one problem. I don't realy know how to force browser to reload site, when I release new version.

Let me explain. Every browser cache site data to load it faster and this is a good thing. Problem appears when me as a site owner releases a new version of site f.g. i changed

<p>Hi, I'm someone</p>

to

<p>Hi, I'm nalesnior</p>

in index.php for example

And the problem is if someone visited this site before he's browser still have a old version of this file and he sees "Hi, I'm someone" instead of "Hi, I'm nalesnior".

He needs to reload site with cleaning cache (ctrl + shift + r) to see changes.

And yes... I know about some technicks in situation like this.

I know I can change filename but

  1. Then I need to change this filename on every line of code that using this file. If I have a some line of code like <link rel="stylesheet" href="/css/index/main.css"> in 30 different files and I want to change name of this file I need to search up for all these lines and change name of file on them too.

  2. This makes some kind of mess in the repository bc git treats change of file name like delete of file and creating new one.

I know I can use some tools like vite or smth but they are heavy, stricte for frontend, and can't edit lines on code too I mean <link rel="stylesheet" href="/css/index/main.css"> to <link rel="stylesheet" href="/css/index/main.hash.css"> or smth like that.

I was thinking about some kind of js logic. Something like:

const version = fetch("./version.json");
const userVersion = localStorage.getItem("version");


const jsonData = JSON.parse(version);
if (userVersion === null || userVersion !== jsonData.version) {
    window.location.reload();
}

You know what I'm mean.

Please guys, help me. I don't know does I'm thinking right and I wan to know your opinion about that. Maybe you have some websites and you know how to solve problems like that.

Thanks!


r/webdevelopment • • 3d ago

Question Why loading and rendering websites these days feels like crap?

2 Upvotes

Even simple websites feels like they need seconds of loading and rendering. I own a fibre cable connection and I have no idea why loading and rendering a website nowadays feels like the old netscape navigator days.


r/webdevelopment • • 4d ago

Question Most of these AI music video sites are just wrappers around Seedance/Kling right? How hard is it to actually build one?

5 Upvotes

Been looking at all these AI music video generators lately (Freebeat, Revid, Muzie and the rest) and it seems pretty obvious they’re not training their own models. They’re basically product layers sitting on top of Seedance, Kling, Veo etc. via APIs.

The real work looks like the orchestration stuff like taking a song, figuring out the beats/sections, generating short clips with some character consistency, then stitching it all together so it doesn’t feel completely random.

A basic “upload a track and get a short clip” thing feels pretty doable now. But turning that into something that actually works for a full 3–6 minute song and doesn’t feel janky seems like a different level.

Curious what people think:

• Has anyone here actually built or worked on one of these? How hard was the real work once you had API access?
• Is it low enough barrier now that a solo dev or small team can still ship something competitive, or have the existing ones already locked in the product layer?
• What actually differentiates them at this point? Better music intelligence, character consistency, the editor, pricing… or is it mostly just marketing + first mover?
• Any gotchas when you try to turn a bunch of short generations into a coherent full video?

Would be interesting to hear from anyone who’s messed around with the APIs or tried building in this space.

I've really upped my game with web development and can team up with other devs if needed.


r/webdevelopment • • 5d ago

Web Design Learning Framer from scratch without using AI where should I start

16 Upvotes

I’m trying to learn website design and building. I was trying to learn on Webflow for a few days. The thing with Webflow is that in the tutorials, at least the first few videos teach you how to make your own website manually. They don’t teach you with AI, even if it was still confusing.
Now I want to learn that on Framer too, but Framer keeps pushing out the AI thing everywhere. Every time you open their academy or tutorials, it’s just telling you to use prompts and generate pages with AI instead of showing you how to actually build. I’m really confused right now. How do I navigate everything? How do I actually do the design and get good at the layout from scratch?
I want to build a solid foundation, but I don’t want to make those sloppy 3D design sites and I hate the AI website tools. I want to build things with real knowledge first, but I don’t know what to do or who to watch.
I really want to learn how to create high-quality websites.
Any help, any aid, or any advice for someone starting completely from zero would be really appreciated.


r/webdevelopment • • 5d ago

Question Should I migrate image storage to Cloudflare R2 or pay for Cloudinary while planning a Shopify migration?

4 Upvotes

I'm a freelance developer managing a client's live e-commerce website built using the MERN stack.

1. Current infrastructure

  • Frontend: Vercel (Free)

  • Backend: Render (Free)

  • Database: MongoDB Atlas (Free)

  • Image storage and delivery: Cloudinary (Free)

The website is live, has existing products and customers, and is currently working reasonably well.

2. Current website data and traffic

There are currently:

  • 59 products

  • 277 product images

  • Approximately 7,510 daily unique users summed across the analysed period.

Website traffic analysis:

MetricValue
Period analysed22 Sep – 9 Nov 2026 (49 full days)
Total daily unique users (summed)~7,510
Average per day~153 users
Highest day31 Oct: 1,180 users
Next highest days30 Oct: 499, 1 Nov: 478, 5 Nov: 434
Lowest days5 Oct: 9, 6 Oct: 10

The traffic has some significant spikes, so infrastructure reliability is a concern.

3. The problem

I recently received an email from Cloudinary saying that I've exceeded the free plan's monthly credit allowance.

Current usage is around 123% of the free allowance.

Cloudinary says the account will remain active until November 20, 2026, after which media delivery may be interrupted unless I upgrade.

I currently have two options in mind:

Option 1:

  • Migrate existing images from Cloudinary to Cloudflare R2.

  • Continue running the existing MERN application.

  • Develop a Shopify store in parallel.

  • Eventually migrate the business to Shopify.

Option 2:

  • Pay approximately $29 for Cloudinary.

  • Keep the existing website running temporarily.

  • Develop the Shopify store in parallel.

  • Migrate to Shopify later.

4. Another concern: Upcoming 10-day Vipassana meditation course

I'm scheduled to attend a 10-day Vipassana meditation course from November 15 to November 26.

During the course, participants follow strict rules:

  • No mobile phones or electronic devices.

  • No internet or communication with the outside world.

  • No calls, emails or messages.

  • No working on projects or handling professional responsibilities.

This means I won't be available to monitor the website, fix bugs, deploy changes or respond to client issues during this period.

The current website is relatively stable, but the client has requested some additional enhancements. I'm concerned that making new changes close to my absence could introduce production issues that I won't be able to resolve.

I also don't currently have the financial capacity to hire another developer to handle migration, maintenance or emergency support while I'm away.

5. What would you do in this situation?

I'd particularly appreciate advice on:

  1. Would you migrate Cloudinary images to Cloudflare R2, or pay for one month of Cloudinary to buy some time?

  2. Is migrating 277 images and updating their references in MongoDB relatively straightforward and safe?

  3. Would you recommend starting the Shopify migration before or after returning from the meditation course?

  4. Should I freeze all new feature development and leave the current stable MERN website untouched?

  5. What would be the safest way to ensure the website continues operating without developer intervention for these 10 days?

  6. Am I overlooking any risks with the free tiers of Vercel, Render, MongoDB Atlas and Cloudinary?

  7. Given the traffic spikes, what should I consider when choosing an image delivery solution?

I'm trying to make a financially sensible decision while prioritizing production stability and avoiding a situation where the client's website breaks when I'm completely unavailable.

Would appreciate practical experiences and suggestions from developers who have faced similar situations.


r/webdevelopment • • 6d ago

News Goodbye you legend to me 🥹

Post image
26 Upvotes

r/webdevelopment • • 7d ago

Discussion Any developer here?

1 Upvotes

I build a website but before making that website live i want to hide some sensitive API keys like Aws, Fast2SMS etc from frontend so no one else can use them... I tried Gitignore but I don't think that will hide my secrets.. Any developer who can help?


r/webdevelopment • • 8d ago

Newbie Question Best backend architecture for a scalable B2B SaaS – stick with Firebase or switch?

6 Upvotes

Hey everyone,
We’re a B2B Sales SaaS startup from Germany. Our software integrates with CRM systems like HubSpot and Salesforce, analyzes sales data, identifies potential issues in sales processes, and helps resolve them automatically.

Our current stack:
Database: Google Firestore
Backend: Node.js (JavaScript)
Serverless: Firebase Cloud Functions

Our goal:
We want to improve our backend architecture to make it more secure, better structured, faster, and scalable for the long term.
We’re targeting companies ranging from small sales teams to enterprises with 1,000+ sales representatives, potentially generating millions of CRM activities per month.

What would you recommend?
Would you stick with Firestore, Node.js, and Cloud Functions and optimize the existing architecture, or switch to something like NestJS, PostgreSQL, or another stack?
How would you structure the backend to handle large amounts of CRM data efficiently while keeping it secure, fast, and maintainable?
We’re looking for a future-proof solution without unnecessary complexity.
Would love to hear your thoughts and experiences!


r/webdevelopment • • 8d ago

Open Source Project Xepak - declarative REST, RPC, MCP builder based on TOML DSL and Lua scripting

2 Upvotes

I’ve never been a huge fan of PostgREST because of how heavily it relies on PL/pgSQL. Originally, I just wanted a simple REST service builder using Lua. But it turned out that it could also serve JSON-RPC and MCP and initial SQLite support allows private & local deployments.

Right now Xepak is good for:

  • rapid prototyping to quickly build a stateful API without writing backend boilerplate

  • self-hosted services that runs on your own hardware or VMs with zero cloud dependency

  • local-first applications

  • local RAG for AI/LLM sandboxes that keeps AI agent knowledge on your side

Xepak lives here https://github.com/rustrum/xepak


r/webdevelopment • • 9d ago

Question How much does website loading speed affect your experience as a user?

6 Upvotes

I’ve come across websites that look great, have smooth animations and beautiful layouts, but take too long to load.
It makes me wonder how much design really matters if the experience isn’t fast.
With modern frameworks, hosting and optimization techniques, I think we can achieve both a great design and good performance.
For developers here, what’s the biggest challenge you’ve faced when trying to balance website performance with visual quality?


r/webdevelopment • • 9d ago

Discussion Are CSS Container Queries making responsive design easier for reusable components?

7 Upvotes

I have been looking more closely at CSS container queries recently, and I think they solve a problem we often face when building reusable components.

For example, imagine creating a product card that is used in three places:

  • A full-width section on the homepage.

  • A narrow sidebar.

  • A dashboard widget.

With traditional media queries, we usually adjust the layout based on the browser window size. But the same component can have very different available space depending on where it is placed.

Container queries approach this differently. They allow the component to respond to the width of its parent container.

A simple example:

.card-container {
  container-type: inline-size;
}

u/container (min-width: 500px) {
  .product-card {
    display: grid;
    grid-template-columns: 150px 1fr;
  }
}

This makes the component more independent of the overall page layout.

I still think media queries are useful for things like navigation and overall page structure. But for reusable components, container queries seem like a much cleaner approach.

One thing I am interested in is how developers are using them in real projects.

Are you using container queries in production or do you still prefer traditional media queries for most layouts?


r/webdevelopment • • 9d ago

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 • • 9d ago

Newbie Question new here

0 Upvotes

hello I'm an I.T student on my second semester of second year so I've been thinking of trying to start like a part time web dev I've been studying java script and i heard of "react" they said that's what you need if you want to be a web dev.

Questions:

  1. Anything else i need to learn before trying to go into this?

  2. where/how do i start this part-time Web development?

  3. just an extra question. how do you use Ai as a "tool" exactly heard it a lot of times.

and any tips to make it easier to learn would also help.


r/webdevelopment • • 10d ago

Discussion What is your Web Dev Manual or Reference?

4 Upvotes

Hey everyone. I am curious, in this current web dev era, when you get stuck with syntax, methods or functions, what is your go-to resource to solve it? Curious to know if anyone still uses StackOverflow or simply just AI? Whether you need to debug, solve logic or reference language syntax, I would like to hear your answer.

Disclaimer: When jumping between languages (like JS and Python), I can't always remember the exact syntax or method, so I use W3Schools often as my reference guide.


r/webdevelopment • • 10d ago

Discussion How do you decide when to add a new dependency to your project?

7 Upvotes

Sometimes adding a package makes development much easier. There are libraries for almost everything these days.

But every new dependency also means more code to maintain, another possible security issue and sometimes extra complexity.

I am curious how other developers decide.

Do you check the package size, GitHub activity, documentation, security or something else before installing it?

Have you ever regretted adding a dependency that later caused problems?

Would love to hear your experiences.


r/webdevelopment • • 10d ago

Newbie Question Supabase or railway

2 Upvotes

I am making a pickle ball booking website for a Place with 3 courts only, here in the province of Bohol, Philippines. I am deciding wether i should use SUPABASE or RAILWAY which is more reliable and are the pro models too much for the website's needs? Payments will also be made through the website. And for the hosting would Vercel be better with the pro plan or is free neltify enough. Claude recommended a Neltify and pro supabase but my friend recommended railway. Seeking for advice


r/webdevelopment • • 11d ago

Newbie Question 19YO, still studying, broke, and thinking about getting into web development. Where do I start?

7 Upvotes

I'm still studying, but lately I've been thinking about what I'm actually going to do after my degree. Honestly, I don't have much confidence that my degree alone will get me anywhere, and studying further isn't really an option right now. I don't have the money or time for that.

I've been looking at web development because almost every business is moving online these days. Even small local businesses need websites, online stores, portfolios, etc. So I thought maybe I could learn this skill, start building websites for people and hopefully make some money along the way.

I'm a complete beginner, and I don't have much money to invest either. AI tools seem to have made web development more accessible, but I don't want to blindly depend on AI without understanding what I'm building. (i kind of perfectionist i need everything to be good product, atleast i try and think about that and be unique what i built not that same designs, or style)

What I'm trying to figure out is how this actually works in the real world.

Suppose I learn enough to build decent websites. (i still have no idea of coding) How do I get my first client? Do I just approach local businesses that don't have websites? What do I even say to them, and why would they trust someone with no experience?

Then there's the money side. How do you calculate what to charge? For example, if I'm building a website for a small business, how do I account for the domain, hosting, development time, maintenance and my own profit? Do you charge everything upfront or break it down?

And once the website is delivered, is there a way to make recurring income through maintenance, updates, hosting management or other services?

I'm not looking to become rich overnight or start an agency tomorrow. I just want to learn something useful, get some real experience, and EARN MONEY, and gradually build a portfolio that could eventually turn into a proper career.

Would appreciate advice from people who actually work in web development or freelance. Especially interested in how you got your first client and what you would do differently if you were starting from zero.

TL;DR: Still studying, financially struggling, and want to get into web development as a way to earn money while building a useful skill. How should a complete beginner learn, find their first client, approach businesses, price websites, calculate expenses and profit, and earn recurring income through after-sales services?


r/webdevelopment • • 11d ago

Discussion What do you check first when reviewing someone else's code?

5 Upvotes

A pull request can work perfectly and still be difficult to understand or maintain.

When reviewing code, there are many things to look at:

  • Is the code easy to understand?

  • Are edge cases handled?

  • Are the tests useful?

  • Does the change solve the actual problem?

  • Is anything more complicated than it needs to be?

I am curious how other developers approach code reviews.

What is the first thing you usually check before approving a pull request?

And what is one common mistake that makes you request changes?


r/webdevelopment • • 11d ago

Question Is it actually possible for an iframe to control the parent page’s URL without the host app doing anything?

0 Upvotes

I’ve been digging into this problem for a while, and I’m curious if there’s something I’m missing.

I’m building a standalone search application that needs to be embedded inside a third-party web application using an iframe. The catch is that we don’t have access to the host application’s source code, and the host team may not be willing or able to add custom JavaScript.

Here’s what we’re trying to achieve:

Read the host page’s existing query parameters when our app loads.

Update the host page’s URL whenever a user performs a search inside our iframe.

Keep everything in sync when the user clicks the browser’s Back or Forward buttons.

Our iframe is hosted on a completely different origin, so we immediately ran into the browser’s same-origin policy.

A few things we’ve explored:

window.parent.location.href throws a SecurityError.
document.referrer isn’t reliable because modern referrer policies may expose only the origin, not the complete URL or query parameters.

postMessage seems like the right approach, but it requires the parent application to listen for messages, handle URL updates, and communicate navigation changes back to the iframe.

And that’s where we’re stuck.

My question is: Is there ANY standard browser-supported mechanism that allows an embedded cross-origin application to read and update its host page’s URL without requiring custom code on the host side?

A few things I’m wondering:

Can the host integration pass the initial URL or query parameters through the iframe’s src?

Are there any standard iframe attributes, browser APIs, or embedding mechanisms that support two-way URL synchronization?

Do commercial embedded widgets or SDKs solve this through some existing integration interface?

If we have control over the iframe application but zero control over the host, are we simply out of luck?

I’m not looking to bypass browser security restrictions. I just want to understand whether there’s a legitimate integration pattern we’re overlooking.
Would love to hear from anyone who’s built cross-origin embedded applications, search widgets, or similar integrations.

Is host-side cooperation unavoidable here, or is there another way?