/r/webdev

Photograph via //r/webdev

A community dedicated to all things web development: both front-end and back-end. For more design-related questions, try /r/web_design.

  • Beginner question? Try the FAQ first! or the WebDev Resources Post then post in the Beginner Questions thread
  • Help fill out the wiki
  • Posting Guidelines

    1. No vague product support questions (like "why is this plugin not working" or "how do I set up X"). For vague product support questions, please use communities relevant to that product for best results. Specific issues that follow rule 6 are allowed.

    2. Do not post memes, screenshots of bad design, or jokes. Check out /r/ProgrammerHumor/ for this type of content.

    3. Read and follow reddiquette; no excessive self-promotion. Please refer to the Reddit 9:1 rule when considering posting self promoting materials.

    4. We do not allow any commercial promotion or solicitation. Violations can result in a ban.

    5. Sharing your project, portfolio, or any other content that you want to either show off or request feedback on is limited to Showoff Saturday. If you post such content on any other day, it will be removed.

    6. If you are asking for assistance on a problem, you are required to provide

    • Context of the problem
    • Research you have completed prior to requesting assistance
    • Problem you are attempting to solve with high specificity
  • General open ended career and getting started posts are only allowed in the pinned monthly getting started/careers thread. Specific assistance questions are allowed so long as they follow the required assistance post guidelines.

  • Questions in violation of this rule will be removed or locked.

    Related Subreddits

    Discords

    /r/webdev

    2,764,228 Subscribers

    1

    I expected the below site to load slow but it's quite fast. Why?

    I'm talking about https://ormaetxea.me/

    I randomly came across this website and was curious about how their hero-background video cum GIF fares on PageSpeed reports.

    This is the report link:
    https://pagespeed.web.dev/analysis/https-ormaetxea-me/qrreu17fwn?form_factor=desktop

    https://preview.redd.it/3ntlxi8mg27e1.png?width=677&format=png&auto=webp&s=d569b22ecdeb2e8d5c0f2aac30cf2d6d4855c663

    The website has quite high numbers across the board. And I'm super confused.

    You see, I spent the week trying to fix a website which embeds a video and is excruciatingly slow. I thought this particular website might be using a different format like 'WEBM' or some other strategy. But turns out they simply reference a video, kinda like a CDN.

    https://preview.redd.it/tnv7lxe2h27e1.png?width=1064&format=png&auto=webp&s=d7a1e2ac6f65b82abc7d9771d80615c4e6d6be9a

    It even autoplays!

    I checked the Network tab to get some hints but it left me further clueless

    https://preview.redd.it/0dv9mgcjh27e1.png?width=1640&format=png&auto=webp&s=ac52f5519243c895c6688c5b9dcde12abd988ecb

    This shows the video is in the `mp4` format and takes `36.55 seconds` to download. But the video was playing as soon as the sight loaded i.e. within `1.87 seconds`

    What's the catch here? What am I missing? This makes me feel real dumb icl

    Would appreciate any general insights.

    0 Comments
    2024/12/15
    19:53 UTC

    0

    Is the back end usually easier in visual studio code or in a CMS like word press

    I'm a newbie trying to link a database to a website. What's the better and easier way to do it?

    5 Comments
    2024/12/15
    19:36 UTC

    0

    Resume feedback for full-stack dev for fully remote global roles

    Hi! Would love general feedback.

    About

    • Will job hunt in Feb 2025 onwards
    • Targeting fully remote full-stack or backend roles globally
    • Targeting larger companies over startups, but open to either (would love to work on large systems, I really like learning about scalability)
    • Prefer not to relocate and currently unable to, but can as a last resort in second half of 2025 onwards. Planning to relocate in future years
    • Was a working student during all of my listed experiences
    • Have never interviewed for jobs globally before

    Requesting feedback on

    • Feedback on the metrics and bullets
    • Formatting: I put the technologies per position below the bullet points since it might be more readable for interviewers. Would this cause ATS to think I'm spamming keywords?
    • I've read most companies hire fully remote but only within their country like "Remote US", and most are now shifting to hybrid. Do you think it's still realistic to target companies with fully remote roles abroad for 2025?
    • General resume impressions or interview advice

    --

    Would love your thoughts, thank you!

    2 Comments
    2024/12/15
    19:33 UTC

    1

    How can I properly render Mathjax/Latex in my Vue app?

    Hi, i was trying to render latex in my vue app, but it seems i cant figure out how to use mathjax, tweaking around didn't help.

    (For a a little background info this is my first time doing vue, im a backend dev, the one who was supposed to do it, left midway, hence im stuck with a deadline).

    Here is my repo: https://github.com/Novatra/Quiz

    ive tried tweaking around in QuestionView.vue and index.html without any tangible results

    Fetching results from api_base_url/{subject}/{chapter}/{topic} provides a list of questions with their explanations written with latex. Simply adding Mathjax scripts to index.html didn't help at all.

    0 Comments
    2024/12/15
    19:05 UTC

    0

    Notification on website change

    Tldr I need someone to help me set up web alert as soon as there is some change or website (ie new article on News source)

    Hello everyone

    I'm a very big fan of RSS but as you guys know not everything website is offering that

    I've been trying to find some solution I manage to find an Android application that offers the option to get notification as soon as there is a certain change in website In my case that is going to be new news or video being published

    The problem is I'm having small difficulties setting that up I'm not quite sure how to set up the whole process since I'm getting lots of irrelevant information I don't quite care about

    I've been trying to select title or maybe even something between <span>but it doesn't quite give me consistent results

    I'll provide a video of what I exactly mean

    I wish someone could help me whether here or through dm

    Thank you

    https://drive.google.com/file/d/1I9odiehxLfYomRydwFeYHf9m34w4FwZS/view?usp=drivesdk

    0 Comments
    2024/12/15
    19:03 UTC

    2

    Scam question

    It’s not really a development question but since they’re asking for our development services, I thought it would fit.

    We’re constantly getting emails on our contact form asking for proposal for companies both large and small and the contact number has an area code that always starts with a 1 (not a +1, just something like 120 and then a standard number).

    I know it has to be a scam but I can’t figure out what they’re trying to accomplish. Can anyone explain this to me?

    3 Comments
    2024/12/15
    18:51 UTC

    31

    I worked for Toptal for years (internal team). Ask me anything.

    I’m open to answer anything I was exposed to, but can fairly accurately describe areas I wasn’t involved in.

    33 Comments
    2024/12/15
    17:30 UTC

    6

    How much time do you normally need to build this?

    2 years front end half a year back end dev, self taught, curious to know if there is anyone who can achieve this faster, and if experience really matters.

    I'm building a full car rental management system for a car rental shop owner, and I promised him to deliver the app in a month or two, now I'm in day 28 of building it, and I can see myself completing it by day 40. The app consists of almost all he needs to manage his work: dashboard, clients, cars, rentals, expenses... with all CRUD operations fully working, with reusable components. and I didn't reach the authentication and notification parts yet. Almost completed the front end but struggling with the server side logic.

    This is my first freelance project -- out of my full time work, and I don't even know how much I should charge him (third world country). I work on this project daily for about 2 to 4 hours per day. He expects the project as a cross platform app, so I may be wrapping it later in Electron.

    So I just need to know your opinion about this, and how much time would it normally take you to build this cuz 2 months seems like a lot

    35 Comments
    2024/12/15
    17:09 UTC

    1

    Did a FrontEnd mentor project lmk what you think.

    0 Comments
    2024/12/14
    21:26 UTC

    1

    Where can I host a single video for a slider background with CDN support?

    A client of mine what his slider video (~40MB) to be hosted without any branding or controls ruling out YouTube or Vimeo. Daily traffic is around 150-200.

    Mine is a no-frills cpanel hosting without CDN support so video loading is slow and not to his satisfaction.

    So I am here to ask if there is a place I can host the video for free or cheap that will be acceptable to my client. The reason I am specific about price is because my client says I should have been upfront about requiring additional video hosting which I did not anticipate so I will have to accommodate the same in my annual hosting that I charge him.

    Any suggestions?

    0 Comments
    2024/12/14
    17:49 UTC

    1

    We built a HeadlessCMS and would appreciate some feedback

    Hey everyone, a friend and I started a business together and built a headless cms (I know yet another headless cms but it’s what we know and the work we do within our current corporate jobs revolve around building custom internal content management applications within ServiceNow). Would love to have feedback for an initial gut check in terms of design (we didn’t use a designer and pulled it out of our rears and leveraged Bootstrap) and any brutally honest feedback you’re willing to share as well as any issues you encounter here.

    The app has a free tier to sign up for testing (other tiers are paid and WILL charge your card via Stripe so stick to free). We’re still working on documentation and finalizing development however some initial feedback would be valuable, and the app itself isn’t mobile friendly as of yet so please test on desktop. It’s an Express application leveraging Mongo, Cloudflare, Auth0, Hotwire Turbo, Stripe, a sprinkle of hyperscript in a few places since I just recently discovered it and enjoy the syntax, but the majority of the entire app is written in pure vanilla js since we couldn’t agree on which framework/library to work with, and honestly wanted to see how far we could get without the need for react/vue/etc (we still use AngularJS 1.x within ServiceNow since we're both portal devs and learned to hate front end frameworks).

    The app allows for localized content, scheduled actions (publish/retire/etc), and leverages OpenAI for text generation for text fields. It also has versioning and you can store assets such as images, videos, files etc, as well as the ability to assign roles to control access to different modules. It’s still a work in a progress but we’re close to launching after finalizing some additional testing and validations. We built it on our spare time after work to get a feel for what is it was like to start a business from the ground up and build an app from scratch. It was a hell of a journey.

    Link to application: https://www.contentworkspace.com

    1 Comment
    2024/12/15
    01:22 UTC

    1

    Hi Everyone I made a site to help find good first issues in open source projects

    I have created this website ContributeOpenSource.com to help new developers find some first issues in open source projects, as right now on other websites I’ve found they don’t offer many options to search or filter languages.

    also i am looking for more recommendation ( like what can I add to this)

    1 Comment
    2024/12/15
    14:43 UTC

    33

    I think we should do a subreddit-wide hackathon! (If mods allow it)

    I noticed a ton of cool stuff posted here yesterday on showoff saturday and I think it would be really cool to do a week/month long hackathon and show off what we built on a showoff saturday. With something like "[Hackathon submission] - Project name" as the post title.

    I for one would like the challenge, there are almost 3m members here and I think some pretty cool stuff would come out of it.

    I don't think a prize is even necessary, but maybe as a prize top 3 winner's projects could be stickied on a post for about a week or so. Again, there are almost 3m members, the attention those projects would get from the stickied post would worth at least a few hundred bucks.

    We can track the legitimacy of the projects by creating date and progress of the projects' GitHub repos so there won't be people showing something they've built before.

    What do you think?

    5 Comments
    2024/12/15
    13:12 UTC

    5

    I made a website where we implement Arxiv papers step-by-step

    1 Comment
    2024/12/15
    12:26 UTC

    1

    Simple URL Shortener with only OpenResty (NGINX)

    I was just starting to explore NGINX and OpenResty and thought of building a minimal URL shortener with it GitHub Repo. It is an in-memory store URL shortener. It's just a proof-of-concept of how OpenResty as a web server can also be used to build more complex apps. Here is the `nginx.conf` file:

    events {
        worker_connections 768;
        multi_accept on;
    }
    
    http {  
        lua_shared_dict map 100m;
        
        server {
            
            listen 80;
    
            server_name localhost;
            
            location /set {
                content_by_lua_block{
                    local map = ngx.shared.map
                    local args = ngx.req.get_uri_args()
    
                    local key = args["key"]
                    local val = args["val"]
    
                    map:set(key, val)
    
                    ngx.status = 200
                    ngx.say("success")
                }
    
            }
    
            location /r {
                content_by_lua_block {
                    local map = ngx.shared.map
                    local uri = ngx.var.uri
                    local key = ngx.re.sub(uri, "^/r/", "")
    
                    
                    local val, err = map:get(key)
                    if not val then
                        ngx.status = 404
                        return ngx.say("url not found")
                    end
    
                    return ngx.redirect(val);
                }
            }
    
        }
    }
    0 Comments
    2024/12/15
    12:07 UTC

    9

    Please Roast My Landing Page

    This isn’t an attempt to advertise—it’s simply a heartfelt request for honest, constructive feedback.

    As a solo entrepreneur focused on app design and development (which takes up most of my time), I find it tough to step back and view my app objectively after months of work, particularly when it comes to the overall marketing communication.

    Looking at my relatively low download numbers, I worry that I’m not effectively communicating the benefits and quality of my app.

    I’m also not very familiar with web development, so I’d appreciate any technical improvement suggestions as well. I created the landing page using plain HTML/CSS.

    What do you think I could improve?

    https://appahead.studio/apps/polycapture/

    13 Comments
    2024/12/15
    11:55 UTC

    54

    I'm really enjoying AdonisJS. My new preferred full-stack framework.

    There was a post (last week I think) about AdoniJS. The comments were along the lines of "oh great another JS framework", but I thought I'd try it for a new private project.

    Really glad I did. It feels like a Typescript version of Laravel. Highly recommended to add to your toolbox (it's frontend framework agnostic so you can use whatever frontend you like).

    41 Comments
    2024/12/15
    10:34 UTC

    1

    need help with a project

    https://github.com/GreenBeret9/LiveChart.git
    so it's a live price chart, uses the Bybit websocket and the api to fetch the last 100 candles.
    i am just stuck to do anything, the script is getting larger, I have not been able to break it down and separate it into multiple files, i just get lost in the middle, it stops working, i am not familiar with frameworks i get even more lost when i try to use them.
    I tried converting the code to typescript but just failed horribly.
    the ultimate goal for me, is to be able to trade on this chart, one-click system, clicking to place order, add stop loss, add targets, .. etc being able to switch symbol, switch timeframes, add a database to store the candles or cache them on memory, i want to run backtests,

    if anyone who has experience building good software, what do you suggest for me, to stop complicating things .. (fyi even AI couldnt help me, i feel like chatgpt starting to become so dumb recently)

    5 Comments
    2024/12/15
    10:32 UTC

    1

    Vue + Tailwind templates

    Hi everyone! :)

    Over the years, I’ve been studying and building various components that I found myself using and reusing constantly. So, I decided to create a website where I could put my studies to use while also sharing what I’ve been working on with everyone.

    It might sound simple, but I see it as my way of giving back after years of benefiting from different templates during my learning journey.

    The site will be constantly evolving, as I’m always thinking about how to improve it. I’m also considering adding a dedicated tutorials section, focusing on Vue for now, but I plan to expand it eventually if the site gains some traction within the community.

    Feel free to check it out: https://ez-vue.com.

    If you use any of the templates on your own site, I’d love it if you could share the link with me—I’d be thrilled to see the projects where my templates are being used.

    Have a positive day! :)

    0 Comments
    2024/12/15
    10:27 UTC

    3

    SPA Stateless Authentication

    I’m building a SPA application to interact with a REST API I built. The API is serverless and stateless so “sessions” only last as long as a single request. I’m looking for good guides/resources on how to accomplish this. Ideally without cookies as the API already has about 4 different auth methods (stakeholder requirement, don’t ask) and I don’t really want to add yet another one, but I’m willing to accept this is the best way. Thanks!

    Edit: Some have rightly commented that I haven't given enough detail. For clarity:

    1. I have an endpoint (call it /auth/token) which a user can use to exchange their username and password for a JWT. At the moment this only returns an access token.
    2. I have SPA application built in a reactive framework which has access to a global state manager.
    3. A user should be logged in and their token should be stored... where?
      • Stored in state management? Potentially insecure and ephemeral so if a user was to refresh the page, then they'll have to log in before the JWT expires which isn't great UX.
      • In local storage? This becomes vulnerable to XSS as its accessible not just by a single script.
      • Store the JWT in a cookie? While this seems to be the most secure way of doing it, it feels weird to me as someone who has worked with many stateless APIs and has always used some variance on the Authorization header.

    Therefore I'm looking for general guidance on how I should approach token management. Is there a standard/best practice that I'm completely overlooking for example?

    3 Comments
    2024/12/15
    10:12 UTC

    3

    Hiring UI Designers just for layout, basically?

    I am a primarily a back-end developer, writing code where the UI was a "nice-to-have" but not the crucial. I gave my best and the UI's are "good enough". Now, I am faced with a new client and a task where I identified the UI/style consistency to be higher up and instead of me breaking my head trying to make this work, I thinking of hiring a UI designer that would simply create a design layout in Figma and I would then code it up myself and re-create it (since I still enjoy writing it).

    The branding already laid out and clear, so what I would be looking for consistency and a layout with those design elements here and there and in the background that make all the difference (which I previous UIs always lacked). Is this a thing? Are UI designers up to such task or does this sound stupid?

    7 Comments
    2024/12/15
    10:10 UTC

    3

    Send push notifications to mobile browser without PWA

    Hi!

    As the title suggests, is there a way to send push notifications to mobile browser without installing it as a PWA? Like it can be done for browser desktop.

    Thank you!

    5 Comments
    2024/12/15
    10:09 UTC

    0

    Why doesn't JavaScript implement an optional type system like PHP and Python?

    I've worked at multiple companies, and every single one of them uses TypeScript or some kind of type-documentation library for JavaScript. So, it makes me wonder: why hasn't JavaScript just added an optional type system, similar to what PHP or Python have done?

    In PHP, you can choose to use types for all your code, some of your code, or none at all. It's fully compatible. Even if you're using an un-typed library (which has become rare), you can still add "type hints" as doc comments.

    function add(int $a, int $b): int {
        return $a + $b;
    }
    
    function getData(): mixed {
        return json_decode('{"key": "value"}', true);
    }
    
    /** @var $userCounts array<string, int> */  // Lets the IDE know $userCounts is type of array<string, int>
    $userCounts = getUserCounts(); 

    I really like this system because it's flexible and never gets in the way. Since type support is built into the language by default, almost everyone uses it, and it's now considered best practice to type your code as much as possible.

    Meanwhile, in the JavaScript ecosystem, there's still a huge gap. Most React or framework/library tutorials teach JavaScript first, and people only transition to TypeScript later—if they do at all. This feels odd, especially considering that browsers still don't support TypeScript natively.

    An optional type system in JavaScript itself could make the developer experience smoother and reduce the reliance on external tools like TypeScript. Is there a technical reason why JavaScript hasn't gone this route?

    6 Comments
    2024/12/15
    10:05 UTC

    1

    How does telegram or any other app navigating to the particular message feature?

    Suppose I am implementing a feature in chat app where where I can reply any message. I have pagination in messages. One page will load 20 messages and as user scrolls other messages will be added.

    Suppose the message I am tapping is at the 20th page which user hasn't scrolled yet, what can I do to navigate to it since that message is not yet in UI?

    5 Comments
    2024/12/15
    09:38 UTC

    2

    Best Website Builder for a Gaming League

    Looking to build a website for a Call of Duty League that includes the following:

    • Account creation
    • League sign ups
    • Schedules
    • Standings
    • Members manually enter match results that update standings

    Example: https://cod.esrl.gg/

    I have experience using wix in the past for school projects, but little to no background in coding. Willing to learn and make it a long term project.

    2 Comments
    2024/12/15
    06:36 UTC

    2

    Hire a senior coach?

    I've been learning how to code through online classes & tutorials.

    Been a building a web app, but because I'm doing this alone idk what idk. The app works but I know the code can be better written for stuff like separation of concerns.

    I also want to add new, advanced features and I'm not sure how to approach it.

    I can't afford to hire someone full time to build with me especially experienced.

    Is there a place I can hire an experienced engineer as a coach and systems architect to guide me on how to build?

    Thank you

    19 Comments
    2024/12/15
    03:32 UTC

    Back To Top