I received this morning a 20-pages long feedback on 3 pages, all generated by ChatGPT (Not a speculation, the chat is literally just copied). I'd say 80% of this feedback is completely irrelevant and sometimes does not make sense, even goes against what the client wanted initially and what already exists, and some of the feedback is already implemented, which had me scratching my head for an hour saying "then WTF is going on here?". My understanding of my client did was "Hey ChatGPT, I'm too busy to review what I asked for, can you generate an essay that I can send to my developer for revisions?". you know what is the worst part here? I'm 100% sure the client will ask for these changes to be reverted when they review it manually—Judging from previous experiences. I guess this is kinda a rant. Development used to be fun for me, but having a clueless machine writing 20 irrelevant pages of revisions for you that mostly does not make sense is completely killing me.

Just guessing here, but I bet 95% of all web applications could be built better with good old HTTP and HTML using server rendered templates. Starting a new React project is fun and all, but anyone who's built out a thick-client app and maintained it for any meaningful length of time knows it doesn't take long before it transforms into a monster. The code becomes massively bloated as we add new features, refactor it into smaller modules, add CSS into JavaScript, error handling, debugging tools, remote logging agents, and everything else a native app needs to have. So, the whole thing just explodes. Then, we discover that all of this cruft requires more powerful tooling and build systems. And so the cycle starts again; we create better tools, then respond by adding more bloat, which then requires a new, more powerful generation of tools. We come up with amazing feats of technology like Vite to solve problems we shouldn't even have in the first place. If we build our app from the server then we don't need so much client side JavaScript. And without so much client side JavaScript we don't need so much tooling. The need for TypeScript and an elaborate build system goes away. Our app is faster, provides a better user experience, and is easier to work on. But, that wouldn’t be as much fun as slinging a hundred TypeScript files around and jumping on all the new frameworks, super frameworks, and hot new developer tools. Step back for a moment, and think. This all comes at the expense of the quality of the things we build for the web browsing public.

I have a site hosted in us-east-1 on AWS Lambda + Cloudfront (SSR) and S3 for very few static pages. I use Aurora RDS for session storage and DB. I use sveltekit (svelte 4) and AuthJS for auth. Today during the outage, like everyone else I was getting tons of errors. Many intermittent 503s from cloudfront and my lambdas. However, I noticed that when I view my "profile" page of my site, it was showing a different user...? I was very alarmed, but I noticed on other pages, my avatar was still showing up in the header. So I thought, ok... Cloudfront is caching this page somehow. I don't know how the fuck that started happening but seems to be the case (I have a very conservative caching policy, and basically don't ever cache anything because my site is so dynamic). So my first thought was to invalidate the Cloudfront cache. Did that and that "fixed" the issue. When I say fixed, I mean it broke the entire site - everything was 503s, but hey, no wrong user being shown. Win Exclusively 503s for the next hour. Then, suddenly the site was back up. This time... I was logged in as a different user. I thought to myself, fuck, the caching thing is still happening. But, I grabbed the session token form my cookies, popped open the shitty AWS query editor and sure enough I had a month-old session token from a random, different user. I started to panic some more. Reached out to a few others on the team. One was logged in as a different random dude. Ok, wtf is going on. I decided to quickly wipe all sessions and notify our user base. Luckily, there isn't really anything sensitive on our site, I think this was only happening for about 2 minutes, and I have a shitty enough website that not that many people were impacted and there was likely no one on the site at the time anyways. So what the fuck happened? How did I get another user's session? I check the cache policy and confirmed I am not really caching anything. I reviewed all my code - no red flags there - no session tokens stored in memory or anything like that? This has never happened before and I have never even heard of anything like this happening. Is it possible cloudfront or lambda returned a stale response? Seriously wtf? I'm more concerned for other sites on AWS that have banking info or other sensitive information, but I also want to figure out what the hell happened EDIT: I forgot to mention that another team member was logged in as the same random user before I invalidated the cache. After more research, I am almost positive it was cloudfront. Seems like it was a collapse hit or despite my efforts to not cache anything, cloudfront was still caching and returning stale shit.

I've been working on a project for 14 years that grows larger year after year. The client pays 700 euros a month with the agreement that it's not their property, but mine, that others can also use the application, and that I alone receive the money from these clients. It's an application for dance championship organizers. I used to think that was a very good deal, but now I realize that it was unfortunately very disadvantageous for me. In the end, I already have the largest provider of dance championships in Austria, and there aren't really any more providers. For the past two years, I've been expanding the software, free of charge, to include course management for dance schools. I wanted to generate additional income because I thought that the dance schools that already register for tournaments using the software might also want to use the course software. Not a single dance school uses the course management software (major fail). Two years of work felt like nothing. I placed a little advertising for it in my own software, but no one used it. Now my question to you: Maintenance and development for €700 a month is simply too much work these days, and I've been a happy father for three months and could use the time for other things. Should I abandon the project, or would I regret it later? Should I try something else first? The client can't pay more than €700 a month. I know his finances and see how much he earns annually, so unfortunately that's not an option.

Hey everyone, I’m reaching out here because I genuinely trust the Reddit community to guide me in situations like this. I had a developer build a live website (I’m not naming it publicly for privacy reasons, since the developer might also be on Reddit). The site was meant to be a community project, not a money making platform just something positive I wanted to create for others. Website language react and nod Everything was working fine for the first few months, but recently things started going wrong one after another: • First, the SSL certificate started giving errors. • Then, the Firebase registration began failing. When I asked my developer, he said these problems don’t fall under maintenance since they involve “third-party tools.” But according to our agreement, I was supposed to get 1 year of full maintenance, and the website is only about 3 months old. The website is hosted on a VPS server, and I do have SSH and IP access. However, when I showed it to another developer, he told me that the source code isn’t actually stored there, only the hosted build. When I confronted my current developer, he said: “Everything is already there, I have nothing.” To make things worse, the Firebase project is under his personal account, not mine and his explanation was that it’s “easier for him to maintain it that way.” This entire situation makes me feel that I’m being scammed. I also had paid him for another website which he never delivered, so right now my main goal is to secure this project completely transfer everything (code, Firebase, hosting) under my ownership before asking for any refund. I’m based in Mumbai, and I’m looking for a reliable local developer (Mumbai) who can: 1. Audit my current website setup 2. Transfer all technical access and ownership to me 3. Handle maintenance and updates properly going forward Any advice, recommendations, or insights from this community would mean a lot 🙏 Really counting on Reddit to help me figure out the best next step

Hey guys, apologies in advance as this is another "is web dev the right career choice" post. Background. I'm a Graphic Designer by trade, have been for 10+ years. I studied digital design and development at university which involved digital design, web development and app design and development. Decided to go down the design route and focus on that, but with my dev skills I also started doing basic front end but mostly in CMS's like WordPress, SiteCore and Drupal. I want to be a developer. I don't mind design, but im finding myself leaning much more into development in my senior years, and I love it so much more, thing is I mostly get employed for design, UX, UI, WIREFRAME LOWFID/HIGHFID etc...every now and then I'll get a smaller client that needs a designer/developer but not enough for me to swap to full time. My question is how do i swap from what i have to full time web dev? I'd say my html/css is at a very good level, JS not so much, mostly adjusting other people's codes or copying snippets and adjusting to work for me. But I know there's much more involved to be a full front end web dev and so many routes. I feel like full stack is also something I could explore too, but for now I feel like front end is a good place to start. Also am I making a big mistake, like as a senior designer I get paid well I just don't like it, I want to make the leap in the right way. Anyone with similar stories? Should focus on CMS web development or go front end html/cas/js react, maybe node.js too or similar

I just wanted to ask learned html and css, started my own company and used bootstrap made to get 5 clients, is it normal to use bootstrap made with edits at jobs im broke and want to get a web developer job and was just wondering

My shop makes smaller apps, usually 1-2 people per project sometime 3 but that’s rare. The last one I’ve been working on is basically finished about to hit the app stores (I know this is a web dev sub reddit , we make PWA’s and use capacitor to ship native versions as our stakeholders have expressed wanting their projects on everything). So as I wait for qa to finish regression and my next project to start/be assigned I kind of don’t have anything to do. Which sounds awesome, but feels bad. I feel like I should be doing something so I’ve started to brush up on system design and react docs but honestly I don’t have any inward pressure to do these things so it doesn’t last long. What would you do in my shoes? What would you focus on. Should I just enjoy my free time or what should I be focusing on to skillup .

Hi everyone, some background: my company is a rails shop, until a few years ago we used [invoker](https://github.com/codemancers/invoker) to run projects locally. "Running projects" means launching n processes (an api backend, node frontends, etc) and serving them via local domains using a reverse proxy (ie api.local -> localhost:3000, frontend.local -> localhost:8000, and so on). We run on macs. # How we run projects locally I few years ago, as I was saying, we moved away from invoker (as we felt it was unmaintained and had the bad tendency of hijacking out machines' firewall and dns resolution) and switched to a custom made orchestration tool made with rust (obligatory 🚀). This tool essentially allows us to: 1. define a stack via a git-tracked yaml file, in which we put all processes, port bindings, hostname bindings, env variables/files, etc 2. "compile" the yaml file into a set of mkcert certificates, nginx config files, and procfiles 3. run the stack relying on an nginx process to do the reverse proxying, allowing us to reach our local app via the browser without worrying about certificates, ports in urls, etc. 4. ensure that all devs can run our projects without hassle An example: name: stack_name on_stop: echo "bye!" services: frontend: command: yarn dev cwd: frontend domains: - frontend.local env: - NG_ENV=local env_files: - .env - .env.local port: 1234 api: command: rails s cwd: api domains: - api.local port: 5678 nginx_location_options: proxy_set_header: "X-Real-IP $remote_addr" nginx_server_options: client_max_body_size: 100m worker: command: script/worker cwd: api autostart: false Under the hood: * nginx handles the proxying * /etc/hosts handles name resolution * a fork of [mprocs](https://github.com/pvolok/mprocs) handles process management * [mkcert](https://github.com/FiloSottile/mkcert) handles certs without costing us sanity * everything packed in a zero-deps static binary (except for nginx) This thing evolved considerably over the years, for example now it includes a bitwarden-backed system to handle secrets distribution between devs, a way to override stuff for personal envs or configurations, a way to run nginx without having an nginx service active at os level, and some more. # My question for you We're thinking about open sourcing it, maybe integrating a plugin system to keep our proprietary stuff out (as private plugins) and letting the community extend it as they please. My question for you is: how do **you** run projects locally? docker and k8s? Is a tool like this something that would be of interest for you, your coworkers, or your company? would you use it or evaluate it for your work? We don't wanna sell it or make money off it, but I am curious if we actually made something that can work for the community. *PS, on containers: I periodically check if other similar tools come out, but now it seems everyone runs with docker, devcontainers or local k8s. We never made the move to containers because we've been always concerned with performance and had bad experiences in the past, and also the tool's workings are quite simple and clear for someone that had the pleasure of managing webservers "the old way".* *PPS: we will open source it anyway, probably, if we get around to do it.* Thanks! Edit: The tool I'm describing is only for local development, no deployment tools here.

Hi all, An issue is coming up more and more frequently with projects where clients are expecting to see "whizzy" animations at the mockup stage. We're perfectly comfortable building animated elements with GSAP and the like, but the issue is how to illustrate the idea to the client first without going through the actual dev process... We're using Figma at the moment, and maybe it's just that our designers don't know how to leverage it to the fullest, but it feels like it wasn't really made with animation in mind. Transition options, delays, fades etc. We tried once using Figma's AI feature just to get a quick mockup of an animation idea, but it's a pain getting it to make changes after that initial idea (and also not something I want handed over to our devs anyway). I dunno, what do you guys use or what would you receive from a designer?

I am developer and I have spent a lot of time building up and off the Web Authentication API. Developing new ways to do private/public key authentication instead of traditional passwords. The problem is I have been in a bubble and I wanted to see what the community has been feeling about passwordless technologies. Do you feel it helps? Reduces user password recover flows? The registration on-boarding headaches? What are your general feelings about passwordless tech, as a consumer (as I am sure you have been exposed) and possibly as a developer who has implemented or built on top of it?

Our weekly thread is the place to solicit feedback for your creations. Requests for critiques or feedback outside of this thread are against our community guidelines. Additionally, please be sure that you're posting in good-faith. Attempting to circumvent self-promotion or commercial solicitation guidelines will result in a ban. # Feedback Requestors Please use the following format: >**URL**: > >**Purpose**: > >**Technologies Used**: > >**Feedback Requested**: *(e.g. general, usability, code review, or specific element)* > >**Comments**: Post your site along with your stack and technologies used and receive feedback from the community. Please refrain from just posting a link and instead give us a bit of a background about your creation. Feel free to request general feedback or specify feedback in a certain area like user experience, usability, design, or code review. # Feedback Providers * Please post constructive feedback. Simply saying, "That's good" or "That's bad" is useless feedback. Explain why. * Consider providing concrete feedback about the problem rather than the solution. Saying, "get rid of red buttons" doesn't explain the problem. Saying "your site's success message being red makes me think it's an error" provides the problem. From there, suggest solutions. * Be specific. Vague feedback rarely helps. * Again, focus on why. * Always be respectful # Template Markup **URL**: **Purpose**: **Technologies Used**: **Feedback Requested**: **Comments**: [**Also, join our partnered Discord!**](https://discord.gg/web)

If you're new to web design and would like to ask experienced and professional web designers a question, please post below. Before asking, please follow the etiquette below and [review our FAQ](https://www.reddit.com/r/web_design/wiki/faq) to ensure that this question has not already been answered. [Finally, consider joining our Discord community. Gain coveted roles by helping out others!](https://discord.gg/Zv3BDusVUz) # Etiquette * Remember, that questions that have **context** and are **clear and specific** generally are answered while broad, sweeping questions are generally ignored. * Be polite and consider upvoting helpful responses. * If you can answer questions, take a few minutes to help others out as you ask others to help you. [**Also, join our partnered Discord!**](https://discord.gg/web)

I was really excited to create my website. I thought it would be easy to pick a template, add some photos, and write a few words. I was surprised to find out how wrong I was! Soon, my site was either breaking or taking a long time to load. I spent weeks trying to fix it, but it just didn’t look professional. Finally, I decided to get help from specialists who actually know what to do. Made a big difference. I worked with the guys from Marketing 1on1 and my site finally loaded faster, worked better, and started bringing in maybe x5 more leads. If you've built your own site, what was your biggest mistake? Did you keep using DIY tools, or did you hire professionals for help?

I need to keep reference number in the URL. So 12345. And I want to keep it at the beginning, not at the end, to prevent problems with truncated URLs. And page number /2 or /3, etc. is at the end. I can't settle on the separator between the reference number and the slug content. Should it be dash or slash? I'm thinking from user perspective when they share the link and for SEO purposes. What's the industry best practice in 2025?

What should we be using to make search items for things on/in our website javascript or python

I am a Full Stack Developer with 5+ years of experience based out of India. I redesigned my personal website and I am looking for feedback for the same. I am not great at design, so please be kind. Link: https://sudharsangs.in Thanks in advance

I’m creating a website for college and I am wanting to add some custom side banners to the left and right and have them follow the user as they scroll up and down. I would like them to be in the style of those early 2000’s “Singles in your area!!!” With flashing text. Is there a template for this somewhere or do I need to write it from scratch? One of my favorite YouTubers DankPods has parody custom ones on his website dingusland.fun Which is where I got the inspiration.

Im experiencing an issue that shows up in reporting for multiple pages. It shows the landing page url as www.website. com/data:text/css. Its happening with multiple urls. Has anyone seen this before or know what could be causing it?

I’m having trouble explaining what it is, but I'm trying to recreate the scroll animation on https://andagain.uk/ where the project cards stack on top of each other and scale/slide as you scroll. As you scroll down, the top card shrinks and moves up while the next card scales up from behind it. It creates this really cool magnified effect. Has anyone built something similar or know what they're using/doing?

For a niche directory just for you, what would you need to see to be convinced that a paid listing is better than a free one - and worth signing up for (other than traffic in a new directory)? I have a niche directory for web designers etc. (not promoting) and folks are not signing up for a paid listing. The free listing is NAP only & no follow link. Paid listing is NAP, follow link, seo friendly and the ability to post EEAT articles. Yet, folks are not signing up for a paid listing.

As mentioned in the title I really really want to transfer the domain over. I’ve spent a lot of time building my base 44 website and this is the domain I specifically need. If anyone has some insight I would be extremely thankful🙏🙏

Hey everyone I've been working on a small library called `easy-route-management` for managing routes in TypeScript/JavaScript projects. It lets you define your app routes in a nested object and automatically generates the full paths for you. I know there are already a bunch of routing utilities out there, but I couldn’t find one that worked exactly the way I wanted, simple, lightweight, and without overcomplicating things. So I ended up building my own, and I think it might have some potential. I’d really appreciate any feedback, do you find it useful? What would make it more practical? Would you use something like this in a real project? Here’s the npm page if you want to take a look: [https://www.npmjs.com/package/easy-route-management](https://www.npmjs.com/package/easy-route-management) And here’s a small example: import createRoutePaths, { RouteObjInterface, generatePath } from "easy-route-management"; const routesObj = { user: { path: "user", subRoutes: { settings: { path: "settings" }, }, }, posts: { path: "posts", subRoutes: { byId: { path: ":postId" }, }, }, } as const satisfies RouteObjInterface; const appRoutes = createRoutePaths(routesObj); // Example usage appRoutes.posts.path; // → "/posts" appRoutes.posts.byId.path; // → "/posts/:postId" generatePath(appRoutes.posts.byId, { postId: "123" }); // → "/posts/123" appRoutes.user.settings.path; // → "/user/settings"

I've been trying to get the chattable guest book to work. the asset is there but it refuses to load in and i don't know why. here's the code i'm using but i have to be honest with you guys im just searching for answers on google and copy pasting. i can't make heads or tails of it at all. so if a magic code wizard could lend a guy some help that would be very appreciated. <div id="guest-book"> <h2>Guest Book</h2> <iframe src="https://iframe.chat/embed?chat=63377784" id="chattable" width="100%" height="250px" frameborder="0" scrolling="auto"></iframe> <p id="guestbook-fallback" style="display: none;">Guestbook is loading... If it doesn't appear, <a href="https://iframe.chat/embed?chat=63377784" target="\\\_blank">visit it here</a>.</p> <script src="https://iframe.chat/scripts/main.min.js"></script> <script> window.addEventListener('load', function() { var iframe = document.getElementById('chattable'); var fallback = document.getElementById('guestbook-fallback'); if (iframe) { iframe.onload = function() { iframe.contentWindow.postMessage({ type: 'init' }, '\\\*'); }; // Show fallback if iframe doesn't load within 5 seconds setTimeout(function() { if (!iframe.contentWindow || !iframe.contentDocument) { fallback.style.display = 'block'; } }, 5000); } }); </script> </div>

Hi guys, I'm sharing an open-source project I built: a modular Python backend for AI memory. Supports pluggable adapters (data, embeddings, graph DB, cache, LLMs), fact and relationship extraction, and vector search. If you’re building AI systems or interested in infrastructure, would love feedback and contributors. [github.com/Lumen-Labs/brainapi](https://github.com/Lumen-Labs/brainapi)

Would you do that? Like highlevel but for vibe coding? Would you white label lovable, make a website and make customers pay monthly for a premium and say that’s your own ai coding agent?

I’ve been building a multilingual IQ testing platform with a Go backend and a fully custom frontend. [Home Page](https://preview.redd.it/116vvn7dk6wf1.png?width=1917&format=png&auto=webp&s=539bd1c3136f5ffc5ccc1be9647a701f29641147) [Admin Panel](https://preview.redd.it/ah28gtrhk6wf1.png?width=1919&format=png&auto=webp&s=5aaa2ded879de1dab391d83d5abde2a1d23ffe23) The goal was to make it clean, professional, and fast while keeping it lightweight and SEO-friendly. Everything was written from scratch without any frontend framework, and it supports multi languages. A few details under the hood: **Tech stack:** * **Backend:** Go + PostgreSQL * **Frontend:** HTML, CSS, JavaScript (custom-built, no framework) * **Template System:** Kalenuxer (custom engine for multilingual pages) * **Deployment:** Github Actions + Docker + Nginx **Features:** * AI blog generator that creates articles automatically * Real payment integrations * Responsive layout built with custom CSS and glassmorphism design * Automated sitemaps and RSS feeds for SEO * Dockerized setup with Nginx for production **I’d love some feedback on:** * Does it look modern, clean, and trustworthy? * How’s the speed, structure, and overall optimization? * You guys think auto blog generation will increase SEO overtime? * Did i overkill by integrating multi languages, auto blog generation etc. ? Just curious how it feels from a web developer’s point of view. **Website:** [https://whats-your-iq.com](https://whats-your-iq.com) **Templater:** [https://github.com/emirbaycan/kalenuxer/](https://github.com/emirbaycan/kalenuxer/) **Structure:** [https://gist.github.com/emirbaycan/d341817193f9532db61584f3d40b59c9](https://gist.github.com/emirbaycan/d341817193f9532db61584f3d40b59c9)

I have revoked the tokens and contacted the support team

Hi everyone, I’m a first-year BCS student. I’m working on EduBoxx.tech, a platform where students can share notes, help each other, and access study material anytime. Some features: Upload and share notes with classmates Leaderboards for top contributors Easy access to quality study material You can also Create your School/College's Page and invite teachers I’d really appreciate your thoughts: Would a platform like this help you? What features would make it more useful? Any suggestions to make it better and student-friendly? I’m building this as a student for students, so your honest feedback would mean a lot. Check it out: eduboxx.tech Thanks for taking a moment to read and share your opinion!

So I have come across people that are always looking for e commerce stores that are profitable to buy or some software. Some others want to sell their Saas or projects. There are platforms out there that sell these things exist how ever each platform sell either just saas or a specific project. Do you guys think if there was a unified online market place where all are sold anything from websites, ai agents or saas? Would that make help developers easily buy and sell their projects? What do you think?

Hey everyone. I've been doing film photography for about four years now, but within the last year I've started to get hired out here and there. And I want to have a simple website setup to show off some of my work, and socials/email. Just clean and minimalistic, nothing crazy. I'd appreciate any recommendations, or perhaps somebody willing to work on one for me. I can't say I'm super tech-savvy when it comes to web development

I'm spending 3-4 days building a single page, and dashboards or some animations take even longer. Backend setup with auth,CRUD and some basic feature takes 4-5 days. I've tried using component libraries but they're hard to customize and often don't work the way I need. I also tried copy-pasting from CodePen, but now I spend more time searching for components than actually coding. Modifying someone else's code to match my UI takes just as long as building from scratch. AI tools haven't been much help either since I can't get the output I want. Often it just wastes time. And for backend it takes like way to much time to plan and structure things properly. like how to design a table,or how to structure code base. I'm using Vue, Nuxt(occasionally), Nest, postgress, and Drizzle, and recently started using Linear for task management. How do experienced devs finish projects quickly? What am I missing in my workflow? Also one thing to mention I don't have much experience. Close to 1 year. Any tips to speed up my progress??

I am new to Web development and I created a website that will help the new gym members to find their way in the gym in just like few clicks, its first version of the website so do not expect much, I have many plans in my head, But guys I need your ideas, I want to create a website that has everything for the gym members and my next update will be adding a supplement ranking so u can compare between supplements, so here is the website and give it a look yeah its basic but I will try making it better every day [https://oma09483.github.io/Barbell/](https://oma09483.github.io/Barbell/) Thanks For Reading and I hope it can help new gym members

I'm interested in learning backend, but I've been thinking, how can I do it without a web page? I mean, do I need to know at least html and css to start learning backend? Or how can I do it without it?

No matter how experienced you are, there comes a point where everything looks right and still doesn't work. The API are good, CSS looks fine, the build passes yet something’s off. I hit the same thing yesterday and spent whole day on that but i couldn't figured it out i completely gave up and was so disappointed that i felt like i am really bad at coding why cant i solve this issue what am i gonna do in future if i am stuck on a new problem. Then I gave up and called my friend he fixed it in 2 minutes it wasn’t logic or syntax just a small overlooked config that I kept assuming was fine. This is the reason why most bugs aren’t caused by bad logic but by rushed assumptions. Take breaks. Log everything and remember even the cleanest code is written by someone who once screamed at a missing semicolon. Do you'll have that one friend who steps in everytime to help you out with bugs or late night brain fog.

Learn HTML, CSS, JavaScript( free for now) by watching interactive AI videos, and building apps & games.

Hey, I'm Trevor. I built [Skillcraft.ai](http://skillcraft.ai) because I got tired of spending hours hunting for the right coding course. You know the drill. You want to learn something new, so you Google it and find yourself drowning in options—Udemy has hundreds of React courses, YouTube has thousands of tutorials, and every platform swears theirs is "the best." Meanwhile, their own reviews are anything but unbiased. You end up wasting an entire evening comparing course descriptions and checking Reddit threads, only to pick one that doesn't click. Skillcraft is like Reddit, but for tech courses. Developers upvote what actually works, giving you real recommendations from people who've taken the courses, with no platform bias or BS. I'm also donating 10% of all revenue to open-source projects because most of us build on top of the incredible work that maintainers do for free. My goal is to get that up to 25% as the platform grows. If you want to support both Skillcraft and open source, join the Club for a one-time payment of $49 for lifetime access. You'll unlock trending topics, exclusive insights, and help fund the developers who built the tools we all use every day. What do you think?

Just as the title suggests, I built a visual and interactive trie tree (pronounced as "try tree") data simulator you can play with to learn the way this data structure works. You need to refresh your memory? A trie tree is a data structure used for autosuggestions, you know, when you're about to type something like "c-h-e-a-p..." and the suggestions pop out: "cheapest phones", "cheap cars", "cheap". Internally, it works similarly to a binary tree, but is not binary; you traverse the tree to retrieve all the possible words with superior performance. Just click on the post and scroll down a few paragraphs.

I recently got a business opportunity that needs a website. Right now I don’t really have the resources to start a full company, so I’m trying to run things online by myself. The problem is, I don’t know how to code or do web development. How can I build a website without spending too much money? Ideally, I just need some simple stuff, a clean homepage, a product or services section, and maybe a contact form or email signup. I’m not sure which platform is best for beginners, or if there are truly free options that don’t look super cheap. Also, are there any tools that use AI to auto-build a site? Like, I describe what I want and it sets everything up for me. Has anyone here tried that?

Did you find or create something cool this week in javascript? Show us here!

Hey everyone, I built a website called CanIPetThatDawg. An educational fun platform. I used Javascript technologies. I wanted to implement interactiveness as the core. Here's the details: **Purpose**: A To-Do animals themed platform where users can built their list, explore the map, solve quiz and inform themselves about the safety. **Technologies**: Vite + React, Tailwind, Zustand I don't recommend using mobile. It's not fully responsive at the time. I will continue developing

Hey, I am Prathmesh and I built **Rynex** a lightweight TypeScript framework for building reactive web apps without a Virtual DOM. Instead of JSX or HTML templates, you write everything in TypeScript/Javascript functions. Create components with `UI.button()`, `UI.vbox()`, `UI.text()`—clean and type-safe. State is reactive (Proxy-based), so UI updates automatically. File-based routing works like Next.js, and it's only around 15KB gzipped. See it live: [https://rynex-demo.vercel.app](https://rynex-demo.vercel.app) Full docs and source: [https://github.com/razen-core/rynex](https://github.com/razen-core/rynex) About 75-80% complete right now. i Would love feedback

A complete account takeover for any application using better-auth with API keys enabled, and with [300k weekly downloads](https://www.npmjs.com/package/better-auth), it probably affects a large number of projects.

I recently made a short animation, but it goes by too fast, and it has some narrative significance for a shitty webcomic I'm making. I need to make it so when clicking an image it hides the previous one and shows the next one. I need to do this about 48 times since that how many frames there are.

I saw that Vitest has per-file test isolation on by default and wanted to see what the cost of that was. My tool, Synapse, supports per-closure isolation. Thought it’d be interesting to compare the two in a very simple example. I tested Bun too but I didn’t see a way to isolate. Write-up is in the repo. My results: Vitest - 100ms per file Synapse - 10ms per closure Bun (no isolation) - 1ms per file

Should I expect to be asked about currying in and interview for Junior frontend Developer role

I'm building an open-source library for formatting numbers in frontend projects (and later for interpreting strings like “1.3k” —> 1300 for example). I thought it could be a good opportunity for anyone looking to get some contribution experience! It’s still early in development and relatively simple, with a few “good first issues” open, so contributing should be easy. All improvements and feedback are welcome, big or small!

Suffering loss in adsense revenue due to not able to implement header bidding and very less number of ads since I don't have coding background. Tried to learn via net but struggling massively.

Hey everyone, A while ago I built a small **ant colony simulation** using **vanilla JavaScript and HTML Canvas**. It visualizes how ants explore, find food, and form pheromone trails that gradually fade over time. The simulation isn’t interactive — it’s purely visual, showing how simple rules can create interesting movement patterns.

ForesightJS is a lightweight JavaScript library with full TypeScript support that predicts user intent by analyzing mouse movements, scrolling and keyboard navigation. It also supports mobile through touch start and viewport tracking. By anticipating which elements users are likely to interact with, it allows developers to trigger actions before a hover, tap or click occurs. This makes it especially useful for features like prefetching. We just hit 1400+ stars on [Github!](https://github.com/spaansba/ForesightJS)

I wrote a deep dive that might interest folks here. Especially if you feel like React Server Components is some weird magic and you don't really get what they solve, other than being a new hyped toy. The article has a bunch of reproducible experiments and real numbers, it’s a data-driven comparison of: * CSR (Client-Side Rendering) * SSR (Server-Side Rendering) * RSC (React Server Components) With the focus on initial load performance and client- and server-side data fetching. All measured on the same app and test setup. If you read the entire thing, you'll have a solid understanding of how all these rendering techniques work in React, their trade-offs, and whether Server Components are worth the effort from a performance perspective. At least that was the goal, hope it worked :)

Hey guys, according React 19.2 blog-post we are supposed to use eslint-plugin-react-hooks 6, But I can already see that 7 is availabe. What did you guys use? Also, I notice that 7 gave me several new errors, but those errors are not connected to the IDE and are only shown when the 'lint' command is ran. I know we are supposed to use the new hook with Effects now, but I was wondering why no visual warning for the IDE, anyone else? edit: I found out that i just need to restart my eslint server, and now the errors are properly showing :). in vscode its CTRL+SHIFT+P and write restart eslint, it will show.

I have the following component structure (these are just doodles, ignore the actual syntax): // main-component.tsx <Provider> <Header/> <Body/> <Footer/> <Provider/> //body-component.tsx <Body> <Component1/> <Component2/> <Component3/> <Body/> Inside <Body/> I have several components, which need the context from the provider (10-15 different params). Right now, the context is being consumed from <Body/> and propped down to the child components. Some of them are shared among the different child components. I feel like consuming the context inside the child components would make more sense, but at the same time, I feel like that makes them less reusable (e.g. if you want to move them outside the provider). It's also nice for those components that share the same params from the context, so this doesn't have to be called twice. I'm not sure which architecture is better, is there a golden standard or something I'm missing here? Not fully knowledgeable so I'd appreciate your opinions, thanks in advance!

This application that lets you generate a quiz based on any react repo including reacts official [https://github.com/facebook/react](https://github.com/facebook/react) Or [https://github.com/ReactiveX/rxjs](https://github.com/ReactiveX/rxjs) @ Mods: I listed it as resource flair since its quizzing based off any react repo to learn from. All I ask is you try/verify before taking down, if you do as I think its pretty cool

I’m working on a feature with a structure similar to this: <DataViewer> <DataSelection> <SensorSelectors> <AnalogueSensors /> <DigitalSensors /> </SensorSelectors> </DataSelection> <Plot /> </DataViewer> The DataSelection and Plot components both rely on a shared legendConfig, it manages a pool of up to 8 legend items that the sensor pickers can assign values to, and the plot uses that config to set line colours. To avoid prop drilling through several nested components, I moved the legend state and handlers into a React Context. There’s also a second Context that handles filters (also used across multiple parts of the viewer). A reviewer raised concerns, referencing the React docs’ warning about overusing Context, and suggested drilling props instead, possibly passing all the state/handlers in a single object prop. So my question is: Is using two Context providers for this kind of shared cross-branch state considered bad practice in React? Are there downsides to this approach beyond potential over-rendering, and is prop drilling actually preferable here?

Some time ago, I worked on updating a legacy React project. After many attempts and constant version incompatibility errors, I realized it would be more efficient to start migrating to newer technologies. While researching how to implement it properly, I found it quite hard to find a solid and safe approach for this kind of update. So, I wrote my first article on Medium to share my two cents on frontend project migration. Would love to hear your thoughts and feedback! [https://medium.com/@tiagosilva0922/how-to-migrate-legacy-react-project-with-microfrontends-and-module-federation-99d1528136be](https://medium.com/@tiagosilva0922/how-to-migrate-legacy-react-project-with-microfrontends-and-module-federation-99d1528136be) [https://www.linkedin.com/in/tiago-silva-nascimento/](https://www.linkedin.com/in/tiago-silva-nascimento/)

I've integrated the React Compiler into my project and I'm honestly **confused about the workflow**. I expected there would be an **ESLint rule that automatically flags redundant** `useCallback`**/**`useMemo` **hooks** for removal, but it seems like I have to identify and remove them manually? **My confusion:** * Is there an official ESLint rule for this that I'm missing? * Or do we really have to go through our codebase manually? * Seems quite wrong to remove hundreds of useCallback/useMemo by hand

Hey everyone 👋 I've just released [**boundary.nvim**](https://github.com/Kenzo-Wada/boundary.nvim) — a Neovim plugin that helps you **see** `'use client'` **boundaries** in your React codebase without leaving your editor. Inspired by the [RSC Boundary Marker VS Code extension](https://github.com/mimifuwacc/rsc-boundary-marker), this plugin brings the same visibility to Neovim. # ✨ Features * Detects imports that resolve to components declaring `'use client'` * Displays inline virtual text markers next to their usages * Handles default, named, and aliased imports * Supports directory imports (like `index.tsx`) * Automatically updates when buffers change (or can be refreshed manually) # ⚙️ Usage Install via [lazy.nvim](https://github.com/folke/lazy.nvim): { 'Kenzo-Wada/boundary.nvim', config = function() require('boundary').setup({ marker_text = "'use client'", -- customizable marker }) end, } Once enabled, you’ll see `'use client'` markers appear right next to client components in your React files. # 💡 Why If you work with React Server Components, it can be surprisingly hard to keep track of client boundaries — especially in large codebases. **boundary.nvim** gives you instant visual feedback, helping you reason about component boundaries at a glance. # 🧱 Repo 👉 [https://github.com/Kenzo-Wada/boundary.nvim](https://github.com/Kenzo-Wada/boundary.nvim) Feedback, issues, and contributions are all welcome!

I’m currently building a fairly complex **calendar component in React** and I’m looking for **modern, open-source examples or GitHub repos** I can learn from. I’ve checked out the two most popular libraries — **react-big-calendar** and **React Calendar Library** — as well as a few others listed here: [9 React Calendar Components for Your Next App](https://dev.to/jaydevm/9-react-calendar-components-for-your-next-app-2jh2). However, most of them feel a bit **old-school**, especially since many still rely on **class components** and older patterns. What I’m trying to build is a **flexible calendar** that supports: * **Week** and **day views** * **Drag & drop** for events * A **modern React architecture** (hooks, functional components, possibly TypeScript) I’m mainly looking for **clean, up-to-date source code** I can learn from — ideally something that handles complex calendar logic elegantly. If you know any **modern repos**, examples, or personal projects worth checking out, I’d really appreciate your suggestions. 🙏 Thanks in advance!

Hey everyone 👋 I’ve been working on a full-stack project called **Qbetpro**, and I wanted to share the **React side** of it here. It’s a **multi-tenant casino & betting platform** where the frontend is built with **React + Redux + Material UI**, and the backend runs on **Django REST Framework**. I focused heavily on **performance**, **role-based UI rendering**, and **reusable component architecture** that scales across multiple tenants. --- ### 🌐 Demo - [**Operator Portal (React)**](https://github.com/jordanos/qbetpro-operator-portal) - [**Retail Shop Website (React)**](https://github.com/jordanos/qbetpro-web) - [**Backend API (Django)**](https://github.com/jordanos/qbetpro-api) - [**Watch the Demo**](https://vimeo.com/1128151698) --- ### ⚛️ Frontend Architecture Overview The platform includes **two main React apps**, both designed for scalability and speed: - 🏢 **Operator Portal (Tenant Web)** – A role-based admin dashboard for casino operators - **Role-Based Rendering:** Dynamically hides or shows components depending on user permissions (admin, viewer, cashier, etc.) - **Reusable Components:** UI components are shared across the system — when one is updated, it automatically scales everywhere - **Redux-Powered Tenant Context:** After login, Redux fetches and stores the tenant name and routes all API requests to that tenant’s endpoint - **Optimized for Performance:** Built to be lightweight and fast, even with complex dashboards - **Caching with RTK Query:** Smooth data fetching and reduced API load - 🏪 **Retail Shop Website** – A simpler React app for in-shop betting operations - **Game Interaction UI:** Users can place bets, redeem tickets, and scan bet slips - **Redux-Driven Betting Flow:** State-managed logic for selecting numbers, placing bets, and tracking ticket status - **Cached API Data:** Faster page loads and consistent user experience - **Material UI Integration:** Clean, responsive, and accessible interface --- ### 🎨 Tech Stack - **Framework:** React 18 - **State Management:** Redux Toolkit + Redux Toolkit Query - **UI Library:** Material UI - **Routing:** React Router - **Forms & Validation:** React Hook Form - **Build Tool:** Vite - **Caching & Performance:** RTK Query, memoization, and lazy loading --- ### ✨ Key Frontend Highlights - ⚙️ **Role-Based Access Control (RBAC)** – Conditional UI rendering per user role - 🧩 **Reusable Component Design** – Modular structure for easy scaling - 🚀 **Optimized Rendering** – Memoized components and efficient state updates - 🔄 **Tenant-Aware Routing** – Redirects users to their tenant’s context automatically - 🧠 **Centralized State Management** – Predictable app behavior through Redux - 💾 **Smart API Caching** – Reduced server calls with RTK Query - 🎨 **Beautiful & Fast UI** – Built with Material UI for professional dashboards --- This project was an experiment in taking a **React frontend** and pairing it with a **multi-tenant Django backend** — focusing on clean state management, real-time API interactions, and scalable component design. Would love to hear what other React devs think or how you’d approach optimizing a system like this! 🙌

Hey guys, i am working on a relatively large react project and i am writing unit tests for certain form component. To simulate user interaction, i am using userevernt which leads to the tests being inconsistent. If i run the test 10x it will fail due to timeout 8x and pass 2x. I have checked stack overflow and github forum for this issue and havnt found a solution. How do you handle the slow running of userevent in teesting form components?

Hey, I'm developing a lot of different projects in NextJS and I'm absolutely hooked with the whole ecosystem but I'm kind of missing a way to translate Figma files into nextjs code. Mainly looking to automate some parts of the process and save some time, most stuff I've used really misses the mark when it comes to more complicated figma designs or non standard components and while I've found some decent solutions on React I haven't really found anything great for nextjs. Any recommendations would be highly appreciated! Would save me a lot of time to automate this a bit.

We all have that one console error that signals a really bad problem. For me, it's anything related to hydration mismatches in Next.js because I know it’s going to be a painful fix. We've been working on a tool that tries to provide more context for these kinds of cryptic errors right in the editor. What's an error message you've seen that immediately tells you your day is about to get a lot more complicated?

I've been loving Next.js for having both frontend and backend in one project, but I kept avoiding it for larger projects because most of my work involves time consuming async tasks. I'd always reach for Go or other solutions for the backend while using Next.js purely for frontend. Then one day, even my simple SSR project needed to handle a 30 minute background job. I really didn't want to spin up a separate Go service just for this. So I went down a rabbit hole with ChatGPT and Claude (they were the only ones willing to entertain my "everything in Next.js" obsession my colleagues just kept saying "use Go for backend, it's better") After countless iterations, I came up with something that actually works pretty well. The basic idea is when a time consuming API receives a request, it creates a task with PENDING status and immediately returns a taskId. The frontend then polls for status updates (yeah, polling not sexy but WebSocket felt like overkill for 30 minute jobs). https://preview.redd.it/81l4ewkyyhwf1.png?width=1772&format=png&auto=webp&s=cc257a0fc1e498b9440bbe4cedfabff8a138a43a Here's where it gets interesting. I created a scripts/ directory in my Next.js project specifically for background workers. Each time consuming operation gets its own file, but they all follow the same pipeline pattern. The worker continuously polls the database for PENDING tasks, locks one using lockedBy and lockedAt fields (important when running multiple workers!), executes the workflow, and updates the status. The beauty of this approach is everything stays in one TypeScript codebase shared types, utilities, and database models. But here's the key: the resource intensive script services run separately from Next.js. Through Kubernetes jobs, I can precisely control concurrency limits. Our philosophy is "slow is fine, crashing is not." I wanted to turn this pattern into a reusable template, so I tried using Claude Code with this prompt: `Create a Next.js fullstack system for handling long-running async tasks: API routes immediately return taskId after creating PENDING tasks in database, frontend polls for status, background workers in scripts/ directory poll database for tasks using locking mechanism (lockedBy/lockedAt fields), execute workflows (deploy workers as Kubernetes Jobs), and update status to COMPLETED. Use Prisma, TypeScript` The results weren't great, it kept missing the nuance of the worker separation and the locking mechanism. Then I tried Verdent, and got amazing results: https://preview.redd.it/ibet3fs2zhwf1.png?width=2508&format=png&auto=webp&s=4d0f9c537c094f87d0434eb5587bd3294669b7a6 Initially I was thinking about creating an open source template, but now I realize just sharing the prompt is better. This way everyone can define their system through language rather than spending time writing boilerplate code. I'm not a senior dev or anything, so if there are better ways to do this, please share! Always looking to learn

Hello, I’m currently building a platform for a client. The API is built with Laravel and is ready to use. The client wants a landing page, a user dashboard, and an admin dashboard. At first, I thought about creating three separate Next.js projects, but I realized that might be too much to manage. I’m looking for advice on whether I should: Use Next.js parallel routes to handle each part (landing page, user, admin) if possible, or Keep everything in one project and use middleware for role-based access. My goal is to keep things future-proof, easy to maintain, and flexible for future upgrades. What would you recommend?

Hey everyone, I’ve got my site deployed on Vercel [v0.dev](http://v0.dev) but I’m having trouble connecting my Namecheap domain to it properly. If anyone here knows how to set up the DNS records or verify the connection step-by-step, I’d really appreciate a hand. It’s probably a small task 5–10 minutes for someone experienced. Can hop on short call if needed. Thanks in advance!

Check it out [here](https://www.producthunt.com/posts/ai-sdk-agents?utm_source=other&utm_medium=social)

I got a project with many packages including a nextjs webapp, mintlify, nodejs, ioredis and db package. The project is managed by turbo 2.4.4. i run `bun turbo dev` and then see a bunch of `Invalid category` spam in stdout. I checked the db write queries, mintlify and redis code but didnt see anything that was conclusive of a invalid category. what do i do next?

We have a multitenant application that serves all tenants, tenant is determined based on domain, in the middleware and we do a rewrite so the tenant is not visible in the url. The url structure is [tenant]/[locale]/route We want to generate all routes statically, and for the most part it works, except when the route has other dynamic parameters like [id] If i access [locale]/test/[id] the cache header is no-cache but if i access it from [tenant]/[locale]/test/[id] the cache header is ok. Did anyone encounter this problem and how did you fix it. The only solutian that i can think of is using a custom server and do the rewrite there.

Hello, I am having issues with the error from the title in my project. It is \`next@15.5.2\`, \`react@19.1.1\` and \`react-dom@19.1.1\` project using \`next-intl@4\`. I am having very simple component: export default async function ClickoutPage(props: { searchParams: Promise<Record<string, string | string[] | undefined>>; params: Promise<{ locale: string }>; }) { const params = await props.params; const searchParams = await props.searchParams; const { inquiryId, productId, insuranceId } = normalizeSearchParams(searchParams); const { locale } = params; if (!inquiryId || !productId || !insuranceId) { redirect({ href: Routes.PERSONS, locale, }); } return ( <Clickout inquiryId={inquiryId} productId={productId} insuranceId={insuranceId} /> ); } And this \`redirect\` causes the issue saying: \`Application error: a client-side exception has occurred while loading localhost (see the browser console for more information).\` and in the console \`Uncaught Error: Rendered more hooks than during the previous render.\` I tried doing \`redirect\` in any of the other routes I have and everywhere it casues the same error. I even tried returning just \`null\` from this component but it does not help either. This \`redirect\` comes from \`next-intl\` \`createNavigation\` function, but it's the same when I use it from \`next/navigation\`. Anyone have a clue what could cause it? Thanks! :)

Hey everyone I’m starting my first real project and I’d like to build a photo DAM (digital asset manager). The idea is pretty straightforward: users can upload photos (single or batch), extract and search metadata (IPTC/XMP/EXIF), generate thumbnails/variants, manage roles and permissions, and share links with clients. Later on I’d love to add things like AI auto-tagging. My initial thought was to use **Next.js (App Router + TypeScript)** together with Postgres, S3-compatible storage, Sharp/Libvips for image processing, and some background job handling. Do you think Next.js is a good fit for this kind of project, or would you recommend something else? Any advice or gotchas before I dive in would be super welcome

Any idea of alternatives? These people are straight thieves at this point.

I am new to next-react based frontends and developing a frontend for a website and facing this issue. I am trying to log in with my gmail, in the first try, the token is getting stored in the localstorage but the redirect is not getting properly to the /dashboard page. In the second try it is loggingin properly as there is token is the localstorage. I tried fixing with Claude Sonnet 4.5 not working. How can I solve this?

Hey, I'm a developper, mostly Flutter but I'm trying to build some stuff with next, it's incredible. The thing is, with Flutter, I had a go to that was Firebase, and now I want to try something else, I heard about supabase, appwrite, convex, neon, etc... But which one do you use ? I'm not asking for THE best, cause everyone gonna say there's no best or the best is ... their own BAAS. I'm very curious about what you, people from the internet, are using. Thanks in advance

I recently bought a macbook M4 16GB that comes with a Sequoia. My company's codebase uses Node 14 but on trying nvm install 14, the command fails. I read through the nvm's official readme and came across this statement: **Note** For Macs with the Apple Silicon chip, node started offering **arm64** arch Darwin packages since v16.0.0 and experimental **arm64** support when compiling from source since v14.17.0. If you are facing issues installing node using `nvm`, you may want to update to one of those versions or later. Does anyone know the solution or workaround without killing my new laptop 😭?

I'm running a Node.js/Express backend with PM2 on Hostinger Premium shared hosting (1.5GB RAM, 2 CPU cores, 120 max processes). The backend randomly stops working every 30-60 minutes, and when I SSH in, I see my entire PM2 daemon is being killed, not just my app crashing. Setup**:** * Node.js 18.20.8 * PM2 managing Express API * MySQL database (Prisma ORM) * Memory usage: \~95MB (only 6% of available 1.5GB) * No error logs - just complete PM2 daemon disappearance What I've checked: * No memory issues (using <100MB of 1.5GB available) * No errors in PM2 logs (`pm2 logs` shows nothing before death) * `pm2 startup` fails (no systemd access on shared hosting) * `pm2 save` runs successfully but doesn't help Is Hostinger killing background Node.js processes even on premium plans? Has anyone successfully run PM2 long-term on Hostinger shared hosting? Should I set up a cron job to check/restart PM2 every 15 minutes as a workaround?

I'm Prathmesh (16, indie dev) and I've been building Rynex a lightweight TypeScript framework that ditches the Virtual DOM entirely. The idea: use direct DOM manipulation + proxy-based reactivity to keep things fast without the overhead. **The stack:** * Zero config, full Typescript * Next.js style file-based routing * Built-in Express server with HMR * Tailwind ready out of the box (beta) * Around 15KB bundle size I'm about 75% done and core routing and state management work well, but docs and testing need serious work. **Live demo:** [https://rynex-demo.vercel.app/](https://rynex-demo.vercel.app/) **Repo:** [https://github.com/razen-core/rynex](https://github.com/razen-core/rynex) **Demo source:** [https://github.com/razen-core/rynex-demo](https://github.com/razen-core/rynex-demo)

I'm working on the 3rd project in the past year which will require authentication: * Google OAuth * GitHub OAuth * Apple OAuth * \+ Username & password This is really complicated, especially with the forgot password / reset password flows which require SMS and/or transactional email. Plus, I want to throw in 2 factor auth as well, but that seems like way more complexity than I can handle. I feel like I am over complicating this. How are you all handling authentication in your Node.js apps?

I come from background of Laravel and Rails. So I decided to build myself a typescript framework that I can run with all features I want included. For far I got various features to work nicely together: * ESM * typescript * sql/migration/orm/relationships * cache * queue/jobs * config loader * testing (using supertest) * cli * helper libraries * middlewares * error handling * logging * http server/controller class/router/ functional routes * context * ... and more my question is, what other features/nice-to-have can I add, or what problems/headaches I should solve in my framework.

Hey everyone! I’m currently working on my thesis project, and honestly, I’m a bit lost. The topic is “An AI-powered task and project management system for developers.” Here’s the main idea: AI generates full tickets from short descriptions Suggests and estimates the time needed for each task Recommends suitable devs for specific tasks Detects duplicate or similar tickets I’ve already picked my tech stack: React for the frontend, Node.js + TypeScript for the backend, and PostgreSQL for the database. At this point, I’ve finished the basic FE + BE — it works like a normal task management system. Now I’m kind of stuck on how to actually integrate AI into it. I get the general idea that I’ll need to create vectors and use APIs like Gemini or LLM embedding models, but I have zero real experience doing that. I’d really appreciate it if anyone could share some guidance or suggestions on what steps I should take next. Thanks a ton!

Dose anyone have a problem installing or updating node js The checksum and Size dose not match Apt wont let me install

I'm looking for resources to learn testing my backend, I dont want basic tutorials or docs. Looking for advanced level stuffs. If anyone could help me with this, it would be much greatful. Thanks in advance

Hey everyone, I’m still pretty new to deployment stuff, I’ve got a ASP.NET Web API connected to PostgreSQL, and a Next.js (React) frontend. it’s a dynamic web app that fetches data in real time through the APIs. I need to deploy it somewhere, preferably not a headache to manage and not too expensive (?). It'll be used by my company as our HRIS, a medium-sized company btw. The web app also handles file uploads (PDF, JPEG, PNG) per user, so I’ll need to store and serve those somehow. Im still in the research phase but i was thinking of Azure App Service for both the API and Next.js app, with Azure Blob Storage for files and Azure Database for PostgreSQL, but I’m not sure if that’s okay? Any thoughts? tysm in advance!!

Hey everyone, I have 3 years of experience with Flutter and 2 years with native Android (Kotlin). I’m not transitioning, just looking to expand my skills by learning React.js and Node.js. I’d really appreciate some guidance or a roadmap, where should I start, what should I learn first, and which topics or resources are must-cover for both frontend (React) and backend (Node)? Any suggestions, advice, or learning paths from experienced developers would be super helpful.

My source code is hosted on GitHub. I want to be able to install the package from GitHub (for testing branches and such) but ideally I don't want to push my entire dist/ folder. Is it possible to set up a GitHub Action or something so that it can be installed via npm install without the dist/ folder being present in the repo?

I’ve been building a backend using Express.js, PostgreSQL + Prisma, Redis, and Cloudinary for media uploads. Now that it’s ready to go live, I’m trying to figure out where to deploy it efficiently — ideally without overcomplicating things or spending a ton right away. Here’s my stack: Express.js server PostgreSQL (via Prisma ORM) Cloudinary for file uploads Redis for caching/sessions

A VS Code extension that instantly converts quotes → backticks the moment you type `${}`. Try: https://marketplace.visualstudio.com/items?itemName=kartiklabhshetwar.quotick Github: https://github.com/KartikLabhshetwar/quotick

I am using Resend npm package. But then I need to test locally. So going to need something like Mailhog (unless there is something better) meaning I need ability to change SMTP server through env variables. Meaning I have to use something agnostic like NodeMailer to change SMTP server. What’s the point of using Resend npm package then cause I don’t think allows me to change server, just hits prod. Or through NODE_ENV, instiantiate Resend API clients when in prod and if in dev NodeMailer with Mailhog. But I don’t like when a subset of env variables only apply on certain env (like smtp stuff)

Tired of an empty contribution graph? Introducing **"Let-him-commit"** "**Let Him Commit**" is a CLI that lets you generate backdated commits/ past commits for any given range of dates. What it does ? Do commit in past/history without anyone knowing in private repo.  Customize commit messages and batch pushes Auto-clean temp repo folders [Run: npx let-him-commit](https://www.npmjs.com/package/let-him-commit) Check it out : [https://www.npmjs.com/package/let-him-commit](https://www.npmjs.com/package/let-him-commit) [https://github.com/rahil1202/let-him-commit](https://github.com/rahil1202/let-him-commit)

https://preview.redd.it/zbihu6ar3pvf1.png?width=1145&format=png&auto=webp&s=6f4b0ca7b6ae517dddc4719ac4966777913be325 [https://docs.stacknow.io/#quick-start](https://docs.stacknow.io/#quick-start)

Hi folks! As the title says, I'm knocking up some handy utilities for my Deno project that other modules will import and use. I've got a bunch of tiny, domain-specific modules, so rather than separate test files, I'm keeping the unit tests *colocated* directly alongside the function implementations in the same `.ts` files. To make `deno test` pick them up, I've popped this into my `deno.json`: { "test": { "include": ["**/*.ts"] } } This way, it scans all my `.ts` files for `Deno.test()` blocks without needing `.test.ts` suffixes. What do you reckon – solid approach for these micro-modules, or would you do it differently? Keen to hear your thoughts! Cheers!

Hi, I am looking for pentesting projects like below: 1. Web Application pentesting project 2. Mobile application pentesting project 3. AI/ML based application pentesting project 4. Static application or Dynamic Application pentesting project 5. PCI-DSS audit etc. If anyone have any update, please let me know. Thanks,

Hi, I am looking for pentesting projects like below: 1. Web Application pentesting project 2. Mobile application pentesting project 3. AI/ML based application pentesting project 4. Static application or Dynamic Application pentesting project 5. PCI-DSS audit etc. If anyone have any update, please let me know. Thanks,

A complete account takeover for any application using better-auth with API keys enabled, and with [300k weekly downloads](https://www.npmjs.com/package/better-auth), it probably affects a large number of projects.

Hi! A bit of background, I am quite proficient in Java, been using it for ten years now. I do profesionally in my job everything from networking, devops, databases and backend. One missing piece is frontend, so I wanted to learn TS through few backend projects first before I jump on web development. I am using TS for over a year now, I have my own small project in production, I also ended up doing a TS project in my job. Everything does work - however, I am very unhappy with the code and I can't figure out, how to do it better. The code is hard to read and I cannot shake the feeling, that the applications are extremly fragile. In Java, I can easily catch potential errors and I am sure, that the compiler will catch the sheer majority of mistakes I could've made. In TS, not so much. I am using NestJS, as it looks a bit similar to how Java applications are written in Spring Framework, but that's about it, everything else is problematic. To pinpoint my struggles, here's a few major points. * Project - I spent tens of hours of figuring out, how to properly set up a project. Several configuration files with endless properties in package.json, tsconfig.json, eslint, prettier, ESM vs CJS, NodeJS specific configurations and specific module imports. * Libraries - I feel like majority of libraries are long abandoned, and those that are not, are not documented properly. Only the basic functions are described in npm or GitHub, everything else, good luck. Not to mention, that I feel like every library uses different paradigms, that are very hard to combine. One library uses union types, other uses interfaces, other classes, other functions. * Null Handling - Optional fields, null, undefined, void, never, any... it's quite confusing. And TS configuration parameter `exactOptionalPropertyTypes` makes it even harder to deal with some libraries. I need to create some crazy function or use conditional spread pattern. * Error Handling - Libraries can throw unspecified error, that does not have to be instance of Error apparently and not every error has message field. It's quite hard to catch everything and report everything to logger in case of some failure. Here's a snippet of one of my TS files, so you can have a better understanding of how I develop in TS and so you can correct my ways. https://pastebin.com/BZJV7SYp (That `assertExists` is a utility function to deal with undefined and null and optional, that throws an error.) I have very similar implementation in Java for several reasons and it is so much cleaner and easier. For example the code for `jwkSet` and `privateKeyJwt` functions is miles ahead. And I do believe I could do a better job implementing it in TS, I do not want to bash the language first hand. It just feels impossible. Any advice is much appreciated!

I’ve been able to make both of these tests pass without needing multiple processes nor separate VM contexts. ``` let c = 0 const f = () => ++c test('A', () => { expectEqual(f(), 1) }) test('B', () => { expectEqual(f(), 1) }) ``` Current cost appears to be 10ms per test which includes compilation. Vitest needs 100ms for similar isolation. It should be possible to get the cost down to 2ms or less per test. A write-up is in the linked repo.

I have Typescript installed as a dev dependency in my Node project, and when I run `tsc --noEmit`, it does not report most of the errors (*these are actual type errors, not lint errors!*) I'm seeing for the same project in VSCode, although they both use the same tsconfig. I have also verified that VSCode is using the workspace Typescript version. I'm using Typescript version 5.9.2, and the latest VSCode version 1.105.1 (Universal) on a MacBook Air M1. ***More Details:*** When I run tsc, here is the only output: `> tsc --noEmit --pretty` `source/server/_auth.ts:159:53 - error TS1005: '?' expected.` `159 type AuthorizationCtx<M extends R extends StdRecord = StdRecord> = {` `Found 1 error in source/server/_auth.ts:159` But in vscode, in addition to the above error, see errors like these (there are more, more than 30 type errors in all so far): * `Type '"unauthorized"' is not assignable to type '"bad-input" | "malformed-input" | "no-connection" | "access-denied" | "not-found" | "conflict" | "time-out" | "resources-exhausted" | "not-implemented" | "runtime" | "internal" | "general"'.` * `This comparison appears to be unintentional because the types '"create" | "update" | "delete" | "from"' and '"find"' have no overlap.` * `Type '({ entity: string; methods: "create"[]; roles: ("agent" | "admin")[]; fieldsAllowed: string[]; fieldsDenied: string[]; entities?: undefined; } | { entity: string; methods: "update"[]; roles: ("agent" | "admin")[]; fieldsAllowed: string[]; fieldsDenied: string[]; entities?: undefined; } | ... 11 more ... | { ...; })[]' is not assignable to type 'AuthorizationRule[]'. Type '{ entity: string; methods: "create"[]; roles: ("agent" | "admin")[]; fieldsAllowed: string[]; fieldsDenied: string[]; entities?: undefined; } | { entity: string; methods: "update"[]; roles: ("agent" | "admin")[]; fieldsAllowed: string[]; fieldsDenied: string[]; entities?: undefined; } | ... 11 more ... | { ...; }' is not assignable to type 'AuthorizationRule'. Type '{ entities: string[]; methods: "delete"[]; roles: "admin"[]; entity?: undefined; fieldsAllowed?: undefined; fieldsDenied?: undefined; }' is not assignable to type 'AuthorizationRule'. Type '{ entities: string[]; methods: "delete"[]; roles: "admin"[]; entity?: undefined; fieldsAllowed?: undefined; fieldsDenied?: undefined; }' is not assignable to type '{ entity: string; methods: StorageAction[]; roles: (AuthRoleCode | "record-owner" | "public")[]; fieldsAllowed?: string[] | undefined; fieldsDenied?: string[] | undefined; }'. Types of property 'entity' are incompatible. Type 'undefined' is not assignable to type 'string'.` ***I am unable to post images directly here, so please see:*** [https://i.sstatic.net/oJfNZc0A.png](https://i.sstatic.net/oJfNZc0A.png) [https://i.sstatic.net/JpaY3Da2.png](https://i.sstatic.net/JpaY3Da2.png) [https://i.sstatic.net/Kno1bOpG.png](https://i.sstatic.net/Kno1bOpG.png)

I am trying to do the following: [Typescript playground link](https://www.typescriptlang.org/play/?#code/JYWwDg9gTgLgBAJQKYEMDG8BmUIjgcilQ3wChzSB6SuAESRAgDsBnGKFGYZuAd2BgALCAFd4ydDAB0pGAE8wSOABUFSAIJwAvHADepOHCYoQSAFwF1ZQwDcUAGxHm4bKMCYBzUgF9SaZmxwKBaqipo6+obGphb4VgA0BnB2js74LLhIQu4e+Im+VDQAchBwwCwsTixB1UgAHooYSAAmMv6s8ABGFsj+UM0APK458XAiTADWTBC8TAB82kEUhXQMAeyc3Ex8AoKIxNKyaipqAEKLEhhSAGIAwgOhGnN+63BoIWeLABQAlNoLujgRBgIig2yYIns9jgBWocGu0BcmSBqAy2wEb1wYHsKHc1SEnDgIDkcAARB4kEwkBx7KS4PJFGVqiByiwcnAwDhFLBgEhqthcPTBEoWI1gJhgGh6WpEnDeMLtrwlCgiED5OyYKUUBVgB5tkIRWKJVKGUpNUKlOTKdSHHTTVI4AB1QQk8plLroCa8FXNFgAfheHTgzR6Bxu9160EGw08o3GUxm8wWOjQFCAA) import React from 'react' // Demonstration without React. type TypeA = { name: 'A' value: string } const a: TypeA = { name: 'A', value: 'something', } // No issues, as expected. The type of b is more "general" than / encapsulates TypeA. const b: Record<string, unknown> = a // Demonstration with React. type TypeB = React.FC<TypeA> const c: TypeB = () => { return null } // For some reason it complains that my "general" type is missing properties // from the specific type, when we are rtying to assign the specific type to // the "general" type. Why is it backwards? const d: React.FC<Record<string, unknown>> = c The error: Type 'TypeB' is not assignable to type 'FC<Record<string, unknown>>'. Type 'Record<string, unknown>' is missing the following properties from type 'TypeA': name, value I can't wrap my head around what I am supposed to do here. The error message makes no sense to me.

So I read a blogpost praising codex with GPT5 as great coding agent and the author wrote they don't write any code anymore. So I was curious and looked into their latest commit. `export async function tailLogs(options: TailOptions): Promise<void> {` `const {` `follow,` `interval,` `format,` `jq,` `sources: multiSourceOption,` `fields: rawFields,` `...remainingOptions` `} = options` `const queryOptions: QueryOptions = {` `...(remainingOptions as QueryOptions),` `}` There are so many other issues in the repo. But I had to share this one with somebody who knows how bad that is.

I've been using [nx.dev](http://nx.dev) for a while now, and honestly, it's gone downhill FAST. I've typically used it to manage a full-stack TypeScript project where I have an API of some kind and some front-end that'll use it. I typically use Angular and NestJS because I find those technologies work well for consistency. I usually have a library that has a bunch of interfaces and utility classes that will be used in both back-end and front-end projects. It's super helpful for me to be able to do this. However, I've found that NX makes this type of pattern so much harder than it has to be. As of writing (Oct 17, 2025,) if you start a brand new Nx monorepo `npx create-nx-workspace@latest` Select none for the stack so you don't have a monorepo geared towards either a front-end or a back-end, and create your project. If you add nx/angular and nx/nest `npm i -D @nx/nest @nx/angular` and create an Angular project and a Nest project, neither one will build or run. You'll have errors right away. You can't even create an Angular project because you get ``` NX The "@nx/angular:application" generator doesn't yet support the existing TypeScript setup We're working hard to support the existing TypeScript setup with the "@nx/angular:application" generator. We'll soon release a new version of Nx with support for it. ``` So to fix that you have to add `"declaration": "false"` in tsconfig.app.json. Annoying, but fine. So you go to run your API project and you get ``` [tsl] ERROR █ ┃ TS6304: Composite projects may not disable declaration emit. ``` So now you have to go back and remove the `"declaration": "false"` or set composite to false which will nuke more stuff in the project. It's stupid and this has been an issue starting with NX 19. I'm also super pissed that they don't allow you to skip their AI question during the creation process. If you don't know they basically force you to choose an AI agent to set up in your project. I don't want your damn AI slop in my code. I can write code on my own just fine, and I've been doing it for around 20 years. Seriously, did NX just have some trash AI rewrite their entire codebase and just nobody checked it?

I am building my lib used a devDependece A, I want tsup to bundle the origin type codes into dts file. For example, I want ```tsx type XX = {} // origin code from A ``` but I got ```tsx import { XX } from 'A' ``` So that I use my lib won't get TS intelligence as the dependence A isn't installed, but actually I want my lib can use without manually install dependence A. tsup/tsdown both can't do this. --------------------------------------------------------------------------- update I have to claim why I need to do this, the lib I built is universal, some file works for browser, some for node.js, some for others. Why I don't list it into dependence but dev Dependence is because I want to merge source code into my lib as I just don't want user using the part for browser but have to install a dependence using for node.js.

We originally [developed SpacetimeDB for games](https://www.youtube.com/watch?v=kzDnA_EVhTU), and now we're also moving into apps. We're starting by adding TypeScript support for the server, but we would love more feedback on what to add! SpacetimeDB uses V8 to run TypeScript internally and Rolldown to bundle your code and publish it to the backend.

Hi everyone, I've been building Binharic, an open-source AI coding assistant that runs in the terminal. It's entirely written in TypeScript and uses the AI SDK from Vercel for its agentic logic, including tool use and workflow management. It supports models from OpenAI, Google, Anthropic, and local ones through Ollama. It has a built-in keyword-based RAG pipeline and can use external tools via the MCP. Many things about the agent are customizable, including its personality. The default persona is a Tech-Priest (from Warhammer 40k), but this can be changed. Project's GitHub repo: [https://github.com/CogitatorTech/binharic-cli](https://github.com/CogitatorTech/binharic-cli)

There is excellent coverage for the ternary in [How are you using conditional types](https://www.reddit.com/r/typescript/comments/9n189u/how_are_you_using_conditional_types/) which convinced me of how useful they can be with a well thought-out and articulated example. I am wondering if there was something similar for recursion within typescript. If you have found yourself using a recursive type, can you explain the situation you found yourself in, how you used recursion to solve it, and why recursion was the solution for your problem?

Typescript beginner here. How would I combine these three Response Interfaces? The only thing that changes is the array propertyName. Open to using Types as well. interface UserResponse { response: { users: [] } } interface ProductResponse { response: { products: [] } } interface CourseResponse { response: { courses: [] } }