/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,883,813 Subscribers

    0

    I think I broke AI…

    Um….. I think I found something. The 6th dimension.

    3 Comments
    2025/02/02
    23:36 UTC

    1

    How to find all colors used in project and their frequency?

    I am trying to reduce the number of similar shade colors used in my project.

    I want to automate some sort of color pallete.

    Has anyone found anything like a VSCode extension or a CLI program for this?

    4 Comments
    2025/02/02
    22:30 UTC

    0

    Hono vs Elysia

    What are the differences, advantage and disadvantages between Hono vs Elysia?

    View Poll

    0 Comments
    2025/02/02
    22:15 UTC

    2

    JWT tokens for user sessions and DigitalOcean for hosting

    Hi, so I use JWT tokens for authorization within my local web app for user sessions. It is working fine and took an enormous amount of time to debug using SwaggerUI since I don’t use local storage to handle them which makes it harder. Then I hear that you should not use JWT for that specific use case on this article: https://redis.io/blog/json-web-tokens-jwt-are-dangerous-for-user-sessions/

    Also I am using docker to run my FastAPI app. I am looking for hosts that support docker. DigitalOcean seems like a good choice so far.

    I am asking because I made the mistake of registering my domains with GoDaddy before I learned over here it was a horrible option which turned out to be true. So I’m curious of all of your experiences.

    4 Comments
    2025/02/02
    21:48 UTC

    148

    Oh god, stop

    19 Comments
    2025/02/02
    21:38 UTC

    1

    Best options for a static site for small business

    I'm a backend dev with some basic web experience. My mother is looking to create a small side business for herself and is wanting to create a basic static site just for basic info about the business and for contact info. I'm pretty confident that I could create something for her, but she's going to want to play around with her site to get it a way that she likes. Even after the site is up, she's going to want to add new photos and change up the site for different promotions/events. I want to help her, but I worry I wouldn't have enough time to manage that site for her.

    I know there are site makers such as Wix and Squarespace, but I've never used any of these before, so I'm unsure of exactly how "easy" these make it to design websites. My mother is pretty much tech illiterate so she'd need something that's simply dragging and dropping elements honestly. Are there any tools out there where I could maybe create the initial site for her and then transfer that to another tool for her to work on it herself, or should I just recommend a tool like Squarespace for her?

    6 Comments
    2025/02/02
    21:35 UTC

    1

    Created Clustering from scratch based on feedback on previous post

    based on the previous post, many people suggested to use some sort of clustering library but clustering logic was not complicated to implement on its own so i created my own clustering logic and the cluster changes when you zoom in / zoom out.

    https://preview.redd.it/jacpbpoogsge1.png?width=736&format=png&auto=webp&s=7ef37d9d07b0680777a3ddf98e1f048c783b70f9

    https://preview.redd.it/2v3lmqoogsge1.png?width=931&format=png&auto=webp&s=16d93fb2281e26a88b0fee362f61d6711bcdceb4

    0 Comments
    2025/02/02
    20:51 UTC

    8

    I opensourced my opengraph image generator

    Hey guys,

    some time ago i posted here to show the site i programmed on a friday evening in a few hours: og-img.com

    I really enjoyed all the people how used my free site to generate all their opengraph images for their blogs.

    Today i decided to open source the tech stack and code i've used for the site. Feel free to use it on your own or learn some stuff about image generation. :)

    Enjoy the Code on Github and leave a star if you like: og-img

    0 Comments
    2025/02/02
    20:51 UTC

    2

    How to render html/css and export as png

    I have a timeline that I want to include in a document. Taking a screenshot would work, but it looks messy compared to a properly rendered version with a transparent background, rounded corners, and a resolution that's not limited by my screen.
    Is there a way to do this?
    Thanks in advance!

    21 Comments
    2025/02/02
    20:42 UTC

    0

    Need Help Recreating YouTube's Related Videos Thumbnail Layout

    10 Comments
    2025/02/02
    20:36 UTC

    14

    Who’s your favourite domain registrar?

    Hi all - I used to use google domains but now have a bunch of domains with squarespace since they stopped and transferred their accounts.

    I’m not a huge fan of being associated with squarespace so before I move all my client domains I thought I’d reach out and see if there’s a particular provider people recommend and if it really matters. I’m not interested in anything but being able to manage dns - so just want simplicity. Thanks

    65 Comments
    2025/02/02
    18:21 UTC

    2

    Something like accordion but doesn't push the elements below it?

    I am looking for something like an accordion which doesn't push the elements below, maybe a floating accordion. I know tooltips exist but nobody puts a paragraph inside a tooltip. Thanks.

    10 Comments
    2025/02/02
    17:52 UTC

    9

    Don’t know what technologies to use.

    Basicly the title. At my work we use Symfony, which I didn’t know at the time I was applying and I started to like it. We use it with Twig. And that is the problem, because in my free time I am using React and I love it. I started also using NextJS but I hate that it basically has no structure, but I wanted to use React with SSR. So I started looking for some frameworks, etc.. I found NestJS, which looks great, but I haven’t found any setup with React and SSR. So I looked more and found Laravel + Inertia + React which enables SSR. So my question is if anyone had the same problem and how did you solve it? Do you use Laravel with Inertia and React? Do you use other frameworks with React that enables SSR? Would love to hear your opinions. Also sorry if any of this doesn’t make sense, I am still junior level and still learning. Thank you all!

    4 Comments
    2025/02/02
    17:45 UTC

    0

    Best way to allocate "free tier" AI access?

    So Google Gemini allows 1,500 calls per day in the free tier. I have a web app that includes AI generated documents for users (I can't say what kind or the automod deletes my post). Since the site is completely free, I need to keep the AI calls within the 1,500/day limit.

    What is the most fair way to allocate these calls? I have a fair-sized user base (well over 1,000 Redditors, in fact) so some sort of gatekeeping is probably required. Your thoughts?

    24 Comments
    2025/02/02
    17:01 UTC

    0

    How to show text when two geo coords are to close to each other ?

    So I am making a side project which shows me the places I have visited through the year. I am also showing them on the map and when you click on the image from bottom or when you click from the map it shows you the pictures of that event.

    However let's say that two events were in the same city, so you get this messy text that is rendered on top of each other. How should I handle this? Any suggestions?

    12 Comments
    2025/02/02
    16:27 UTC

    1

    On a scale of 0-10 how bad is my first website? Link in description

    https://stellar-whispers.vercel.app/ (react-vite app with no backend)

    Please rate it on a scale of 0-10 where 0 is awful and 10 is okay. And sone suggestions would be helpful too ♥️

    1 Comment
    2025/02/01
    22:23 UTC

    3

    About the Autoplay attribute in audio tags on HTML5

    Hello, to give some context I'm making an simple point-and-click with puzzles with HTML and CSS. I'd like to put an audio to the game so it get more immersive, but I didn't really want to add the controls buttons at the page bc I think it's an immersion break.

    And as we all know, the browsers block autoplay audios unless it is muted. and I agree with that. A loud audio all of sudden can be really annoying. But the point is, I was wondering if it's possible to make the buttons of unmute appear whenever the user loads or reloads the page, then after it is unmuted the page is loaded properlly and the browser doesn't block the autoplay. Something like "please enable audio to access the page". I don't want it to be annoying, the audios are very light and really important to the game immersion. If anyone could help me i'd be grateful. I don't know much of JS, but I can try using it also.

    0 Comments
    2025/02/01
    18:07 UTC

    1

    Split flap displays anyone?

    Caught mid-way between \"Hello,\" and \"Hello, world!\"

    I made a small little class to make text containing elements (specifically paragraphs) have each character roll through an customizable alphabet until they are correct, is it necessary? No, but is it nice? I'll let you be the judge.
    https://github.com/ErikHaag/FlapDisplay

    0 Comments
    2025/02/02
    03:03 UTC

    0

    NoteScape - Note Taking App

    NoteScape is an AI-powered note-taking application, it can help people create, and collaborate on notes real-time. At its core, it leverages Meta's Llama model to provide intelligent features like note translation, context-aware question answering, and smart summarization.

    https://preview.redd.it/rdb98b55vnge1.jpg?width=2881&format=pjpg&auto=webp&s=0de0eebe53e522f6a03df887b6199e7480ce761c

    watch demo: https://youtu.be/zbtFnhlDgFo?si=hT8den139PoBYkw4

    site: https://notescape.vercel.app/

    Tech Stack:

    • Frontend: Next.js 14, TypeScript, TailwindCSS, shadcn/ui components
    • Backend: Cloudflare Workers for edge computing
    • AI: Meta's Llama model for natural language processing
    • Real-time: Liveblocks for collaboration features
    • Storage: EdgeStore for image uploads
    • Authentication: Clerk

    NoteScape is open-source and free to use, I want your guys feedback and feel free to contribute at github: https://github.com/maheshpaulj/NoteScape-2.0

    currently, the major flaw is, the loading time, its awful, its mainly cause of liveblocks which is the backbone of the real time collabration. it first needs to check the auth which itself takes 3-4sec on initial load and the fetching the initial data itself from the websock also takes another 3-4sec which on total sometimes takes upto 10seconds which is really really awful. I dont know is there a way to fix it other than my a websocket similar liveblocks from scratch myself and deploy that.

    0 Comments
    2025/02/02
    05:23 UTC

    0

    Resume Builder App: ResumeItNow

    ResumeItNow is a free, open-source resume builder that helps job seekers create professional resumes without watermarks or hidden fees. Built with modern technologies and powered by AI, it offers a seamless experience for creating ATS-friendly resumes.

    https://preview.redd.it/99sujwvyunge1.jpg?width=2881&format=pjpg&auto=webp&s=c95d2026fd7e56e8a13e6ec1c3bfbb70e7e11726

    site: https://resumeitnow.vercel.app/

    Tech stack:

    • Nextjs
    • Typescript
    • TailwindCSS
    • Firebase for storage
    • Next-Auth
    • Puppeteer for pdf downloading
    • Vercel deployment

    I want you to check out my app and give feedbacks, feature ideas to implements or anything. It is open source, feel free to contirbute on github: https://github.com/maheshpaulj/ResumeItNow

    0 Comments
    2025/02/02
    05:22 UTC

    2

    Please critique my website

    I'm a relatively new developer and I recently launched my first public facing project, sourcefees.com. I'd just like some critiques and suggestions for improvements. SourceFees is a directory and search that helps business owners and developers find suitable payment processors for their businesses. I'd like to also know if it looks professional and is easy to use and understand and any suggestions. Thanks!

    Everything on the frontend is written in vanilla html, css, js.

    9 Comments
    2025/02/02
    15:12 UTC

    0

    Started Building My Personal Finance Tracker & Posted My First Blog on the Journey

    1 Comment
    2025/02/02
    15:01 UTC

    15

    Web dev pet peeves

    What do you guys find the most annoying parts of webdev, either backend or frontend. As in what do you think might not be that difficult conceptually but is pretty annoying to implement and no solutions exist yet that will simplify it.

    eg I find writing api retry logic quite annoying and error prone, might be skill issue but yeah.

    Feel welcome to share anything :)

    85 Comments
    2025/02/02
    14:47 UTC

    4

    Building an Ink Drop Animation for a Website – Need Advice!

    Hey r/webdev,

    I'm working on a project where I want to implement a realistic ink drop animation on a webpage, similar to this video. The idea is to create an effect that mimics ink spreading dynamically, ideally in an interactive way. Example video: https://youtu.be/THP4sQ6t4AA

    Has anyone built something similar? Which approach worked best for you?

    Any recommended resources, libraries, or tutorials that focus on ink-like animations?

    I'm open to any suggestions! Thanks in advance for your insights. 🚀

    1 Comment
    2025/02/02
    14:40 UTC

    13

    Alternatives to Laravel Forge and Digital Ocean (Non US based)

    I have several clients hosted on laravel forge / digital ocean that I am looking to move to new hosting that is not US based.

    This move is in response to Trumps tarrifs.

    What services similar to either of these companies do you recommend that are not based in the USA?

    38 Comments
    2025/02/02
    14:23 UTC

    0

    Just Finished MERN Stack Course, What Next?

    Hi, I just finished a full stack web development course using the MERN stack, but the job placement assistance only starts in a month. What can I do in the meantime to add to my skills? I think Angular might be the obvious choice? Thoughts?

    16 Comments
    2025/02/02
    14:09 UTC

    0

    Tech Stack for LLM-Based Web App?

    Is it wise to be fully dependent on Vercel AI SDK now given they are still a bit early?

    Also heard that developing with next.js + vercel AI SDK is such a breeze using v0 guided coding.

    But it is really a quickly adapting and production reliable tech stack? Or is it just easy for beginners?

    1 Comment
    2025/02/02
    12:28 UTC

    Back To Top