/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.
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.
Do not post memes, screenshots of bad design, or jokes. Check out /r/ProgrammerHumor/ for this type of content.
Read and follow reddiquette; no excessive self-promotion. Please refer to the Reddit 9:1 rule when considering posting self promoting materials.
We do not allow any commercial promotion or solicitation. Violations can result in a ban.
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.
If you are asking for assistance on a problem, you are required to provide
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.
/r/webdev
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
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.
It even autoplays!
I checked the Network tab to get some hints but it left me further clueless
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.
I'm a newbie trying to link a database to a website. What's the better and easier way to do it?
Hi! Would love general feedback.
About
Requesting feedback on
--
Would love your thoughts, thank you!
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.
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
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?
I’m open to answer anything I was exposed to, but can fairly accurately describe areas I wasn’t involved in.
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
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?
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
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)
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?
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);
}
}
}
}
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?
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).
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)
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! :)
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:
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?
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?
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!
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?
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?
Looking to build a website for a Call of Duty League that includes the following:
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.
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