I run a small web development agency, and I’ll be honest, I’ve been feeling a level of anxiety about the future that I’ve never really had before. We do solid work in fintech and edutech. But lately, most inbound clients already have an MVP or frontend built using tools like Lovable. They come to me to fix bugs, audit security, or assess scalability. Which I do. That work still matters. But it’s very different from the traditional end-to-end projects we used to get. It makes me wonder if the era of full-scope development projects is shrinking, at least for small and mid-sized agencies. Clients seem to want speed first and correctness later, and agencies are brought in once things start breaking. I am a 100% sure that development work isn't going away, but I definitely need to shift and change with it to keep my business running. For those running agencies or working in senior roles: how are you adapting? Productizing services? Or seeing something I’m missing? Genuine advice and real experiences would help.

So two different reasons behind posting this. One being I think it’s a visually appealing website and I wish more of the content on the internet followed this style. But of course the actual content on the site is pretty relevant to the sub as well, and I always like to hear more about what people think when it comes to some of the major companies and their position on the AI takeover of the web. As someone who is generally skeptical of major tech companies I get a lot of people’s complaints about Mozilla seemingly caving and making AI integrations or rolling back some policies when their focus should be privacy. But I also don’t really see a feasible alternative to Mozilla, so the stuff they’re saying on this site does seem valid. I don’t think anyone can stop AI at this point (whether that’s good or bad is besides the point) and unless some major external factor like a massive war or resource shortage causes a global reconfiguration of what we do with computers AI is going to be a major player going forward. But curious what other takes on this are, whether this isn’t something you ever consider as a web developer or if you’ve got a strong opinion.

I work in a moderate sized development team in the web area. I am almost working daily outside of work on my sites. Sometimes I’ll have an idea one day and get a new site up for it the next day. I find though that zero of my coworkers are building anything. People usually say they don’t wanna code all day at work and then do more after at home, or that they have other things they do or have kids etc. I am sure not having kids really makes the difference for me, but it’s still odd that \*\*nobody\*\* I work with does anything. I couldn’t imagine that anymore. None of my websites have amounted to much of anything, but I must enjoy it. I had about 14 active sites together at the peak over the last few years, now I’ve got just 5 I still have up. The domain registrations cost a little bit but other than that since nothing I’ve made is very popular, the cloud costs are very minimal. It’s really just about putting in my time. What about you guys? Are you off building things, and do you similarly find yourself alone amongst your colleagues?

"While you're fixing that, can you also add..." - classic scope creep but each item feels too minor to bill separately. What's your threshold before you say something?

I made a web app and since I don't have so many users (only friends) for now, I thought I could just make a PWA. I even thought I could maybe avoid building a full native web app, since a PWA can do many things today. It works. It works great. Except that EVERY TIME I open the PWA, I get a notification saying: *Tap to copy the URL for this application* (the screenshot is in French). Happens obviously on other Chromium based browsers like Brave Android. I thought I wrongly configured something. Well, guess what? It's a \_feature\_, apparently. You can check out this [issue](https://issues.chromium.org/issues/40682581) from **2020**. You just can't disable this. You definitely can't have paid users and ask them to just ignore the annoying and weird notification coming every time they use the app. Edit: thanks for all your comments! It seems like it happens in Brave (because chromium based) but not with chrome itself...?? So Google disabled it in chrome but not in Chromium?

I'm so tired of this. Client and I agree on deliverables. Project starts. Then halfway through: "Can you just add this feature real quick?" "I thought revisions were unlimited?" "Since you're already in there, can you fix this other thing?" And I freeze. I don't want to lose the client or seem difficult, so I usually just say yes. Then I'm working nights and weekends for the same money. How do you guys handle this without damaging the relationship? Do you have go-to phrases that work? Is it in your contract? Do you just eat the extra work? Genuinely struggling with this and curious how others deal with it.

Some decisions feel slower upfront but pay off later. For example, writing basic tests at the start of a project rather than trying to implement them later., or using long-ass (but clear) variable naming in case another dev needs to hop on the project later. What technical decision ended up saving you the most time or maintenance effort, and why?

I’ve been working on websites and testing, and keeping mock data in sync is a pain. I usually hardcode stuff or use local tools, but it gets messy fast. Does anyone have a system for handling realistic mock data that’s easy to share across a team? I’m curious what people use and what works best.

I recently developed a full stack project for a new york based client. The project includes frontend, backend, database and deployment on a VPS they manage. Project total cost was $2700 Now the client has asked me to replicate this project for another business, this means changing up a few endpoints on the backend, tweaking a bit of the design, etc. Nothing major. My question is, should I still charge the same for this?

Hi everyone, I keep running into the same problem in many projects: full screen background image or video, with a title on top, and the text is barely readable. If I add a container or a box behind the text, it technically solves the problem but visually it often looks cheap or out of place. After doing this over and over, I feel like my creativity is kind of stuck and I keep repeating the same boring solutions. How do you usually handle this? Do you rely on gradients, overlays, blur, shadows, image selection, dynamic contrast, or something else entirely? Also, if you know any good websites, design systems, or specific search terms I can use on Dribbble or Behance to study good examples, I would really appreciate it. Thanks in advance.

working with this client for 6 months everything was fine until last week when their internal dev pushed some changes directly to production without telling me, broke the contact form and now emails aren't going through. client emails me saying customers are complaining they can't reach support and this is unacceptable. i checked the logs and immediately saw someone modified the email config, asked who made changes and client said nobody on their end touched anything so it must be my code. pulled up git history showing the exact commit from their developer and they went quiet for like a day then came back saying well you should have caught it before it went live. how was i supposed to catch changes i didn't know about that went straight to production? i don't have access to their deployment system they handle that part. now they're saying if one more thing breaks they're canceling the contract and want a refund for this month. feels like i'm being set up to fail here and honestly thinking about just walking away from this client even though i need the money. the whole situation is stressing me out and making me question if freelancing is even worth it when clients can just blame you for everything.

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 need to invest some time into learning a program to make animated and interactive web banners. I looked into Animate, and it should work for me, though it hasn't been updated since 2023 so I am not sure if it is worth spending time on it. I am thinking of learning After Effects to do this because I can also use it for other video work that I need and I would like to incorporate small segments of video into some banners. I am not a coder and have zero interest in learning how to make files exported from After Effects work on HTML pages. 1. If I design banner ads in After Effects, can they be handed off to someone, likely a web page developer who can convert them to whatever they need to be converted to so they will work as a functional banner? Is this a realistic thing for a competent developer to do so I can just focus on the design aspect? 2. Are there still issues with using After Effects to create banner ads beyond the need to convert them for use on HTML pages? Thanks

Hey, everyone! How's it going? I wanted to share a bit about a project I'm working on and ask for some advice from those who are already further along in self-hosted AI. Right now, the architecture is pretty solid: I'm using Hono on the backend and Drizzle for the database, which gives a certain performance boost and type-safety. For the heavy processing and scraping part, I set up a worker structure with BullMQ and Playwright that's holding up relatively well. The thing is, the project relies heavily on text analysis and data extraction. Today I use some external APIs, but my goal is to migrate this intelligence to open-source models that I can run more independently (and cheaply). Does anyone here have experience with smaller models (like the 3B or 7B parameter ones)? I'm looking at Llama 3 or Mistral via Ollama, but I wanted to know if you think they can handle more specific NLP tasks without needing a monster GPU. Any tips on a "lightweight" model that delivers a decent result for entity extraction? If anyone wants to know more about how I integrated Drizzle with Hono or how I'm managing the queues, I'm happy to chat about it. Thanks!

This may be a dumb question because I am a young dude doing this for the first time and cant find this anywhere. Starting to feel a bit lost. I’m trying to make a website where user can make a resume cv, editing some good templates I have added. Then pay a very small amount and download it. And I hate signups myself as a user. Also having a user login system will require more database charges for me. So is it possible? I know there are countless of these already out there, for free even. And I’m not even trying to make a considerable amount. I’m just trying to learn more stuff and only wanna make enough to cover the hosting charges. Maybe down the line I might do this payment thing for a better project. If it matters, I‘m thinking of using paypal & razorpay

Had an interesting conversation with another designer last week that's been bugging me. They insisted accessibility features inherently make designs "uglier" and that there's always a trade-off between aesthetics and compliance. I call BS, but curious what this community thinks. The argument I keep hearing: "Accessible design is bland because you can't use subtle colors, interesting typography gets restricted, and those accessibility widgets ruin clean layouts." I've been designing sites for about 6 years, and honestly? Some of my best work came *after* I started prioritizing accessibility. The constraints forced me to be more intentional. What changed: Color: Yeah, I can't do white text on light blue anymore. But that pushed me into bolder, more confident color choices that actually have more visual impact. High contrast doesn't mean ugly - it means deliberate. Typography: Proper hierarchy isn't a bug, it's a feature. Screen readers need it, but sighted users benefit too. Everyone wins when your h1 actually looks like a damn h1. Interactive elements: Making buttons keyboard-accessible means they need proper focus states. Turns out, good focus states enhance the design for *everyone*, not just keyboard users. From the practical side for the toolbar/widget stuff (text resizing, contrast modes), I've been using wp plugins. Integrates without breaking layouts and honestly most users don't even notice it unless they need it. Which is... kind of the point? I'm stuck because I do think there's legitimate tension in a few areas: * Minimalist designs with subtle contrast can struggle with WCAG AA * Some experimental typography choices don't play nice with screen readers * Certain gradient-heavy aesthetics are hard to make accessible But are these *necessary* design choices or just lazy habits we got comfortable with? So, do you actually think beautiful and accessible are mutually exclusive? Or is the "accessibility kills aesthetics" argument just an excuse for not wanting to adapt? Drop examples if you've got them - either sites that prove accessibility and beauty coexist, or edge cases where you genuinely couldn't make both work. Genuinely want to hear opposing views on this.

I wanted to rewrite the URLs of my website links like this using htaccess: * [example.com/about.php](http://example.com/about.php) to [example.com/about](http://example.com/about) * [example.com/gallery.php?picture1](http://example.com/gallery.php?picture1) to [example.com/gallery/picture1](http://example.com/gallery/picture1) The following code is what I have so far. It worked for the past decade. Ever since my host upgraded the server to HTTPS, the htaccess codes have not been working properly. The original pages work but the rewritten URLs give me a 403 error. Any help would be appreciated. `DirectoryIndex index.html index.php` `RewriteEngine on` `RewriteCond %{REQUEST_FILENAME} -f` `RewriteRule .* - [L]` `RewriteRule ^([a-zA-Z0-9]+)$ $1.php` `RewriteRule ^([a-zA-Z0-9]+)/([a-zA-Z0-9]+)$ $1.php?$2` RewriteRule \^(\[a-zA-Z0-9\]+)/$ $1.php RewriteRule \^(\[a-zA-Z0-9\]+)/(\[a-zA-Z0-9\]+)/$ $1.php?$2

Hi everyone! I’m torn on this one. Templates save a ton of time, but custom designs feel more flexible and real. Do you start from templates or design from scratch? Has one approach worked better for clients or personal projects?

Hi everyone, I’m currently working on a simple website project related to a cultural/heritage context, and I’d like to better justify my design and structural choices with solid references, rather than relying only on personal taste or trends. I’m looking for books, articles, authors, or well-established websites that are commonly considered references in web design. My goal is to be able to reference these sources in a formal written report (academic/professional context), so well-known frameworks, classic readings, or widely accepted best-practice sources would be ideal. If you have go-to references you trust or frequently cite, I’d really appreciate the recommendations. Thanks!

Just for background, I started learning web development and design like 5 years ago, and since then I've been working non-stop on web development in general. Today, I feel proud to have finally finished my new portfolio showcasing some of the projects that I've made but even more importantly showing how far I've come since starting web development. [https://www.crz.digital/](https://www.crz.digital/)

I'm new to learning html, css, and javascript and I'm trying to replicate other websites using inspect element. I've tried recreating websites from big brands, but I struggle to understand what's going on and end up getting lost. What's the best approach for learning and what steps do I need to take to start understanding more complex websites?

It's been a long time since I've done web design, mostly some HTML and CSS. I would love to learn more and brush up on the basics. I would love to find a course either on Udemy or another site. My preferred course would be one that builds on each other to create a site. Many of the courses I've tried, you are building multiple sites, or you get a starter site, and you never really see how it all fits together. Edit, would love it if it goes into web app dev as well. And I am not opposed to WordPress either

I recently made 2 websites for a very low price ($90, $200 and $300) and still received complaints about how expensive my prices were. Working as a freelancer is complicated.

I usually used [https://shots.so/](https://shots.so/) but they never added saved templates for me to recreate a specific style, and their attempt to monotize it (which is fair ofc) ended up being an annoying experience to use. [Something like this](https://preview.redd.it/e9s4dh5xtpfg1.png?width=1416&format=png&auto=webp&s=07321c295977d8ff5a48671a53a85728fabca22f) But how are you all making these? There must be so many ways to do so.

Been freelancing for about 5 years, and up until maybe 18 months ago, accessibility was something clients literally never mentioned. Now? It's coming up in almost every new project brief, especially from EU-based clients. Have a questions about how frequently are you getting accessibility requests from clients? EAA 2025 (European Accessibility Act) is rolling out and companies are scrambling. It's not optional anymore for businesses operating in the EU - it's actual legal compliance. Similar to GDPR but for website accessibility. I'm seeing this play out in two ways: 1. Panic mode clients: "We just got a compliance notice, can you fix our site by next week?" 2. Proactive clients: Building accessibility into requirements from the start. The second group is way easier to work with, obviously. But accessibility isn't as complicated as it sounds if you approach it systematically. Foundation layer (the important stuff): \-Semantic HTML (just use the right tags, people) \-Proper heading hierarchy \-Form labels and ARIA where needed \-Keyboard navigation \-Color contrast ratios This is the stuff that matters and should be built into your code from the start. No shortcuts here. For user-facing controls like text resizing, contrast modes, and screen reader optimization on their WordPress website I've started using accessibility plugins. Saves 10-15 hours of dev time per project versus building custom, and clients don't care how it's implemented as long as it works. For non-WordPress projects (React, Vue, vanilla JS), I typically implement these controls manually using localStorage for user preferences and CSS custom properties for theme switching. It's more work upfront but gives you full control over the implementation and no third-party dependencies. Good accessibility practices often improve the overall UX for everyone. Proper focus states? Everyone benefits. Clear heading structure? Better for SEO and readability. High contrast? Easier on everyone's eyes. It's not a compromise - it's just better development. So. Are you seeing this trend too? Is accessibility becoming standard in your project requirements or still treated as optional? And for those already implementing it - what's your approach? Full custom or hybrid (foundation + tools)? Curious if this is regional or if everyone's experiencing the same shift toward mandatory accessibility compliance.

Hey all, I am at a bit of a crossroads in my career. Let me break down where I am at and what my problem is. 2 years ago I got an apprenticeship for web development at a company that builds Wordpress sites. I was lucky enough to have them keep me on, however my day to day focuses on client aftercare (post build) and never do I actually ever build sites. Generally what I do consists of random bits of ad-hoc work which is usually CSS related and on occasion I may build something really small with PHP within WP. The problem is, is that I am 2 years in my career and my coding experience is pretty abysmal. I can do basic PHP and JS within WordPress but I don't even really use these skills at work, and I feel as though my skillset has become stagnant, I feel trapped and I feel like I couldn't land another web dev job if I wanted to. The obvious answer is "code in your free time" right? But I am a bit stuck for choice on where I want to go since a lot of my experience is dealing with Wordpress. I want to stay as a web dev with more of a focus on backend if possible. Do I spend more time working to improve my PHP and JS skills and then move on from there Or do I try and make a mad dash towards another language set (preferably backend) like C# and build in .NET or something like that .I feel like that leaves me vulnerable if I were to lose my current job and I'd have a weak stance in terms skills, but maybe that's just short sighted. I guess I am just after advice on what you would do if you were me? I am not asking for a step by step guide, more just what a seasoned dev would do in my situation. I am definitely lucky to hypothetically have my foot in the door, but I am just a bit overwhelmed and un-confident in my skillset at the moment. Any advice would be much appreciated!

Choosing a website platform can feel like walking into a hardware store with no plan. A lot of options, a lot of opinions, and somehow everything claims to be “the best.” If you’re a small business, WordPress is popular for a reason. Not because it’s trendy, but because it’s flexible, scalable, and doesn’t lock you into a box you’ll regret in two years. But what are some of the reasons it works so well? 1. WordPress lets you build just about anything, but the real magic lies in its surrounding ecosystem. Whether it’s a simple brochure site, blog, booking system, e-commerce store, or membership portal, you can build it all using free and widely used plugins and themes. 2. Clean URLs, customizable title tags, meta descriptions, image alt text, site structure; all the things search engines and LLMs care about are actually controllable, not hidden behind a dreaded "premium upgrade” wall. 3. You don’t have to rebuild when you add services, locations, content, or functionality. You just expand the site instead of starting over on a new platform. 4. Once it’s set up well, updating pages, posting blogs, and managing content is very doable for non-technical humans. 5. You’re not trapped in a closed ecosystem. You can move hosts, change developers, redesign, and evolve without losing everything. You own your site! However, if you work with someone who doesn't have good intentions, you could never get logins to your site, and then you wouldn't own it, so I guess there is always a small risk of that happening! WordPress isn’t the only way to build a site, but it’s one of the most flexible, SEO-friendly, and future-proof choices for businesses that want control without needing a PhD in web dev. (no hate to our devs, they could break us out of prison with nothing but a fine-toothed comb) If WordPress isn't for you, what are some of your favorite builders? And on the flip side, what are some of the worst? 👀

I built a tool called SubScout that basically acts as a "Discovery Engine" for YouTube. I’m starting off with a small set of channels and categories as well as not much detailed/basic features to demo the tech and see if the concept is actually worth making, but the goal is to find the actual people who need it—those creators with low sub and view counts. It’s designed specifically to help find blue ocean niches and small creators who are actually trying to make it right now but have low exposure. Here's the link to the actual site: [https://subscout-app.vercel.app/](https://subscout-app.vercel.app/) Any suggestions, ideas, or ideas would be much appreciated.

I’m working on a small web project and using cheap shared hosting, and I’m trying to understand where the real limits are. The code is clean, assets are optimized, and there’s nothing heavy running, but performance still feels inconsistent. TTFB varies a lot, and traffic spikes slow things down more than expected. At this point, it’s hard to tell how much is a development issue versus server constraints. For developers who’ve been through this, what signs told you hosting was the bottleneck? Was it load times under traffic, unstable performance, or limits you kept hitting no matter how much you optimized the app? Update: Appreciate all the feedback here. After reading through the comments, I spent some time comparing hosting options and server types using [Web Hosting Services](https://webhostingservices.co/).

Hello, I’m using **TM Extra Product Options (EPO)** for WooCommerce and I’m running into an issue with checkbox option lists. The website is: [https://essalon.nl/winkel/kassasystemen/compleet-kassasysteem-x-200/](https://essalon.nl/winkel/kassasystemen/compleet-kassasysteem-x-200/) The plugin automatically adds a **“Load more”** button to checkbox lists. I cannot find any setting in the UI to disable this behavior. I have checked: * Section settings [](https://preview.redd.it/tm-extra-product-options-woocommerce-automatically-adds-v0-o06eu96db2gg1.png?width=1571&format=png&auto=webp&s=51e4144fd43999b9b07132ca6c39d8017b2afff9) [](https://preview.redd.it/tm-extra-product-options-woocommerce-automatically-adds-v0-57eje96db2gg1.png?width=1912&format=png&auto=webp&s=41c1e31fd5a63370b3ce66743faac9c8717e28e7) * Checkbox element settings * Global EPO Control Panel settings None of these seem to control the “Load more” button. After inspecting the HTML output, I see the following: <div class="cpf-element cpf-type-checkbox tc-expand" data-max-items="3"> <ul class="tmcp-ul-wrap" style="max-height: calc(146px);"> ... </ul> <button class="load-more-button">Load more</button> </div> It appears that when `data-max-items` is present, EPO automatically: * applies a `max-height` * injects the **Load more** button via JavaScript # My questions: 1. Is there an official / hidden setting to disable this behavior? 2. Can `data-max-items` be set to unlimited or removed via the UI? Thanks in advance for any insights!

I am so curious about that what we can build for our-self that can save hours of time. There are too many SaaS projects that serve us, but not that one which every of us are tired to repeatedly to do. Can someone land a hand me to find that one killer pain point?

Hello there, I am trying to add a Google login option for my online course by using a wordpress plugin called Nextend Social Login, but when setting up the OAuth consent It keeps telling me that App name in the branding tab is incorrect, see error message below: "The app name "Client Curs" configured for your OAuth consent screen does not match the app name on your home page." Mind that I have gave it a random name. What should the name be?

Hi! I’ve spent a few months learning HTML, CSS and JS so I’m ready to take the next step. Always saw this journey taking me to Webflow but Framer seems to be the future. Also wanting to learn Figma so maybe it goes hand in hand? Excited to hear peoples opinions on which route I should take.

https://agltiles.3droomvisualizer.com/panorama I'm beginner, I have created simple 360 website with panoramic and cube images but how did they make interactive where u can apply tiles on walls?

As web apps get more complex, I keep seeing teams struggle with the same question. Once you move past a couple of devs and a single environment, manual testing stops being something you can casually squeeze in at the end of a PR. Early on, checking things locally or in staging feels fine, but as features overlap and releases stack up, it gets harder to answer what was actually validated. A lot of teams I’ve worked with start by stuffing checks into Jira tickets or relying on automation alone. That works until you need to reason about coverage across multiple releases or explain a regression that slipped through. Automation tells you what failed. It does not always tell you what assumptions were made or what was intentionally skipped. Some teams land on TestRail, Qase, or Tuskr, mostly to keep track of runs and intent without dragging in a ton of ceremony. Not to replace automation, but to give humans a place to leave breadcrumbs that survive longer than Slack messages. Curious how web teams here are handling this today. Do you keep manual testing close to issues, manage it separately, or accept that it stays a bit fuzzy as long as automation coverage is strong? What has actually held up as teams and codebases grew?

Hi, i am currently learning JS and i a friend recommended to just skip it and start React (he is also learning), he is doing that but i don't think that it is the right thing to do, i think you need to learn JS so you can better understand React or Vue.js or whatever js library you want to learn. So this is my question: Does JS really matters to learn or i can just skip it and start with React?

Hi everyone, I’m 22M and a Computer Science student and I’m currently on a short semester break. I’m looking to collaborate with 1–2 people to build a solid web application that we can use for our portfolios. The idea is to work on a real-world project or real world solution (not a tutorial clone), something like a resume analyzer / job tracker or a simple SaaS-style tool, looks simple and every developers have done this. The goal isn’t money, but learning, building something complete, and having a strong project to talk about in interviews. We can follow a lightweight Agile approach (short sprints, clear tasks, regular check-ins) to keep things organized. It’s totally fine to use AI assistants to help with coding, as long as we focus on clean, readable, and well-structured code, not rushed or messy implementations. (Must know and learn even though using AI) I’m comfortable working with modern web stacks and GitHub, and I’m happy to contribute seriously and consistently over the next couple of weeks. If you’re also a student or early-career developer looking to build something meaningful together, feel free to share what projects we can do together in comment or DM. Thank you.

**Description:** A simple and intuitive web app to enhance your vocabulary. Create custom word lists, practice them with immediate feedback and track your progress with the graph view. **Repo:** [https://github.com/danielrouco/vocabulary-practice](https://github.com/danielrouco/vocabulary-practice)

# 🧠 AI, ChatGPT & Prompt Engineering * 22h 7m (4.3⭐) -[ChatGPT Masterclass: The Guide to AI & Prompt Engineering](https://www.easylearn.ing/course/ai-content-creation) * 6h 1m (4.2⭐) -[ChatGPT Masterclass: Navigating AI and Prompt Engineering](https://www.easylearn.ing/course/dall-e-2-tutorial) * 5h 59m (4.3⭐) -[ChatGPT Prompt Engineering Mastery](https://www.easylearn.ing/course/ai-prompting-techniques) * 4h 18m (4.7⭐) -[AI for Beginners: Learn ChatGPT, Gemini, Perplexity and Grok](https://www.easylearn.ing/course/ai-mastery-beginners) * 4h 7m (5.0⭐) -[Data Analysis & AI: From Data to Intelligent Decisions 2026](https://www.easylearn.ing/course/data-science-ai-strategic-decisions) * 3h 50m (3.6⭐) -[ChatGPT Masterclass: The Ultimate Beginner's Guide!](https://www.easylearn.ing/course/chatgpt-for-students) # 💻 Web Development & Programming * 62h 26m (4.7⭐) -[Aprende JavaScript sin dolor](https://www.easylearn.ing/course/aprender-javascript-desde-cero) * 24h 6m (4.7⭐) -[Introducción a Bootstrap 5](https://www.easylearn.ing/course/bootstrap-5-curso-principiantes) * 9h 28m (4.5⭐) -[HTML 5, Python, Flask Framework All In One Complete Course](https://www.easylearn.ing/course/learn-web-development-with-python-and-flask) * 4h 0m (4.2⭐) -[Complete jQuery Course: Learn From Beginner To Advanced](https://www.easylearn.ing/course/jquery-course) * 3h 45m (3.8⭐) -[Next.js: Build Dynamic, Fast & Scalable Web Applications](https://www.easylearn.ing/course/learn-nextjs) * 3h 35m (4.1⭐) -[The Complete Python Developer: From Zero to Mastery](https://www.easylearn.ing/course/become-a-python-developer) * 3h 9m (4.8⭐) -[Master HTML for Modern Web Design: Front End Development](https://www.easylearn.ing/course/master-html-for-web-design) * 3h 4m (4.5⭐) -[The Complete C Programming Course for Basic to Expert](https://www.easylearn.ing/course/c-programming-for-experts) * 2h 35m (4.1⭐) -[Complete Python Course: Learn From Beginner To Advanced](https://www.easylearn.ing/course/python-programming-course) * 1h 4m (4.4⭐) -[Introducción a Git y Github](https://www.easylearn.ing/course/git-github-curso) # 📊 Data Science, SQL & Databases * 3h 40m (4.3⭐) -[The Complete SQL Course: From Zero to Data Analyst](https://www.easylearn.ing/course/learn-sql-data-analyst) * 2h 43m (4.2⭐) -[Master MongoDB: Cloud Based NoSQL Database Management](https://www.easylearn.ing/course/master-mongodb) * 2h 43m (3.8⭐) -[Hands-On R Programming: Build Real World Data Projects](https://www.easylearn.ing/course/r-data-analysis) * 1h 14m (4.3⭐) -[Professional Certificate of IBM SPSS Statistics Expert](https://www.easylearn.ing/course/spss-statistics-training) # 📈 Microsoft Office & Productivity * 7h 51m (3.9⭐) -[Microsoft Office: Excel, Word, PowerPoint and Teams for Pro](https://www.easylearn.ing/course/word-training-online) * 5h 30m (4.6⭐) -[Pivot Tables - Microsoft Excel Pivot Table and Data Analysis](https://www.easylearn.ing/course/data-analysis-excel-course) * 4h 12m (4.6⭐) -[The Ultimate Microsoft Word: Essential Comprehensive Guide](https://www.easylearn.ing/course/master-microsoft-word) * 3h 22m (4.4⭐) -[Microsoft Excel Formulas and Functions: Comprehensive Guide](https://www.easylearn.ing/course/excel-dashboard-creation) * 2h 48m (3.8⭐) -[Excel Data Mastery: Formulas, Functions, Charts, and Graphs](https://www.easylearn.ing/course/excel-formulas-functions-tutorial) * 2h 32m (4.3⭐) -[Mastering Microsoft Word for Everyone: Step by Step](https://www.easylearn.ing/course/professional-document-design) * 2h 11m (3.9⭐) -[Microsoft Excel Basic to Advanced: Ultimate Excel Mastery](https://www.easylearn.ing/course/excel-mastery-course) # 🎨 UI/UX & Graphics Design * 14h 18m (4.4⭐) -[UI/UX Design With Figma : 5+ Real World Projects](https://www.easylearn.ing/course/learn-figma-design) * 9h 45m (4.3⭐) -[Master Web & Mobile Design: Figma, UI/UX Essentials](https://www.easylearn.ing/course/figma-mobile-app-design) * 4h 37m (4.3⭐) -[T-Shirt Design for Beginner to Expert With Photoshop](https://www.easylearn.ing/course/photoshop-tshirt-design) * 4h 0m (4.5⭐) -[Adobe Illustrator CC Masterpiece: Unleashing Creative Magic](https://www.easylearn.ing/course/illustrator-design-course) * 3h 31m (4.1⭐) -[Canva Masterclass For Social Media And Content Creation](https://www.easylearn.ing/course/canva-tutorial) * 2h 32m (5.0⭐) -[Adobe Photoshop Masterclass: Beginner to Pro Photo Editor](https://www.easylearn.ing/course/adobe-photoshop-mastery-course) # 🎬 Video Editing * 4h 53m (4.0⭐) -[Social Media Video Editing with Canva, Capcut & Premiere Pro](https://www.easylearn.ing/course/master-social-media-video-editing) * 4h 25m (3.9⭐) -[Social Media Graphics Design and Video Editing with Canva](https://www.easylearn.ing/course/canva-video-editing-course) * 3h 36m (4.2⭐) -[Adobe Premiere Pro CC: Video Editing for Beginners](https://www.easylearn.ing/course/beginner-video-editing) * 3h 25m (4.1⭐) -[Filmora 11/X/9: Zero to Hero in Video Editing](https://www.easylearn.ing/course/filmora-x-complete-guide) * 3h 3m (4.0⭐) -[Best Online Video Editor InVideo : 5+ Real World Projects](https://www.easylearn.ing/course/invideo-video-editing-course) # 💼 Business, Leadership & Management * 8h 43m (4.4⭐) -[Continuous Improvement: Certification](https://www.easylearn.ing/course/master-continuous-improvement) * 3h 52m (4.4⭐) -[Theory of Constraints: Certification](https://www.easylearn.ing/course/theory-of-constraints-certification) * 1h 52m (4.5⭐) -[Decision Making for Leaders and Managers](https://www.easylearn.ing/course/decision-making-for-leaders) * 0h 0m (0.0⭐) -[Emotional Intelligence Masterclass: Build EI for Life & Work](https://www.easylearn.ing/course/emotional-intelligence-mastery-course) # 📐 Mathematics * 8h 41m (0.0⭐) -[Sequences And Series: From Theory To Application](https://www.easylearn.ing/course/sequences-and-series-tutorial)

# Udemy Free Courses for 28 January 2026 Note : Coupons might expire anytime, so enroll as soon as possible to get the courses for FREE. * REDEEM OFFER [Complete Python Course: Learn From Beginner To Advanced](https://www.webhelperapp.com/development/complete-python-course-learn-from-beginner-to-advanced/) * REDEEM OFFER [MERN Stack: All You Need to Know with Practical Project](https://www.webhelperapp.com/development/mern-stack-all-you-need-to-know-with-practical-project/) * REDEEM OFFER [CSS, Bootstrap, JavaScript And PHP Stack Complete Course](https://www.webhelperapp.com/programming/css-bootstrap-javascript-and-php-stack-complete-course/) * REDEEM OFFER [Master Web & Mobile Design: Figma, UI/UX Essentials, +More](https://www.webhelperapp.com/it-software/master-web-mobile-design-figma-ui-ux-essentials-more/) * REDEEM OFFER [AI (Artificial Intelligence) For Operational Excellence](https://www.webhelperapp.com/business/ai-artificial-intelligence-for-operational-excellence/) * REDEEM OFFER [HTML 5,Python,Flask Framework All In One Complete Course](https://www.webhelperapp.com/development/html-5pythonflask-framework-all-in-one-complete-course/) * REDEEM OFFER [Mastering Advanced Chatgpt Prompt Engineering](https://www.webhelperapp.com/udemy-free-courses-100-off/mastering-advanced-chatgpt-prompt-engineering/) * REDEEM OFFER [UI/UX Design With Figma : 5+ Real World Projects](https://www.webhelperapp.com/design/ui-ux-design-with-figma-5-real-world-projects2022/) * REDEEM OFFER [The Chatgpt Prompt Engineering Mastery Course](https://www.webhelperapp.com/business/the-chatgpt-prompt-engineering-mastery-course/) * REDEEM OFFER [Master Mongodb: Cloud Based Nosql Database Management](https://www.webhelperapp.com/development/master-mongodb-cloud-based-nosql-database-management/) * REDEEM OFFER [The Complete SQL Course: From Zero To Data Analyst](https://www.webhelperapp.com/development/the-complete-sql-course-from-zero-to-data-analyst/) * REDEEM OFFER [Complete jQuery Course: Learn From Beginner To Advanced](https://www.webhelperapp.com/development/complete-jquery-course-learn-from-beginner-to-advanced/) * REDEEM OFFER [Mastering Chatgpt Prompt Engineering: Beginner To Advanced](https://www.webhelperapp.com/udemy-free-courses-100-off/mastering-chatgpt-prompt-engineering-beginner-to-advanced/) For More Free Courses: [https://www.webhelperapp.com/udemyfree](https://www.webhelperapp.com/udemyfree)

# 🧠 AI, Machine Learning & LLMs * 6h 20m (0.0⭐) -[ChatGPT for Real-World Applications: From Prompts to Product](https://www.easylearn.ing/course/chatgpt-production-systems) * 5h 10m (0.0⭐) -[Machine Learning, AI & Neural Networks: A Complete Course](https://www.easylearn.ing/course/machine-learning-ai-neural-networks-python) # 💻 Full-Stack & Web Development * 50h 32m (4.5⭐) -[Curso Completo sobre Desarrollo desde 0 a Experto (Fullstack)](https://www.easylearn.ing/course/master-desarrollo-fullstack-ciberseguridad) * 12h 52m (4.3⭐) -[Python And Django Framework For Beginners Complete Course](https://www.easylearn.ing/course/django-web-framework-tutorial) * 9h 19m (4.7⭐) -[Typescript desde cero](https://www.easylearn.ing/course/typescript-guia-completa) * 4h 44m (0.0⭐) -[Next.JS Masterclass: Build Modern Web Apps](https://www.easylearn.ing/course/nextjs-fullstack-development-masterclass) * 4h 42m (4.4⭐) -[Mastering JavaScript and jQuery Course Beginners to Advanced](https://www.easylearn.ing/course/javascript-jquery-course) * 4h 31m (0.0⭐) -[The Complete React JS Developer: Zero to Deployment](https://www.easylearn.ing/course/master-react-js-development) * 4h 31m (3.3⭐) -[The Ultimate PHP OOP Crash Course for Beginners 2026](https://www.easylearn.ing/course/php-oop-crash-course) * 4h 42m (4.3⭐) -[Hands On React JS From Beginner to Expert](https://www.easylearn.ing/course/react-js-beginner-expert) * 3h 58m (4.5⭐) -[Python & Java: Master Backend & Frontend Web Developments](https://www.easylearn.ing/course/python-java-full-stack-development) * 3h 24m (4.3⭐) -[ReactJs - The Complete ReactJs Course For Beginners](https://www.easylearn.ing/course/reactjs-beginner-course) * 3h 14m (0.0⭐) -[Complete CSS Web Design Course: Front End Development](https://www.easylearn.ing/course/learn-css-web-design-front-end-development) * 2h 55m (4.2⭐) -[Web Design Course For Beginner to Advanced](https://www.easylearn.ing/course/html-css-from-scratch) * 2h 32m (0.0⭐) -[Node.js – Build Fast and Scalable Backend Applications](https://www.easylearn.ing/course/scalable-nodejs-api-course) * 6h 1m (4.2⭐) -[JavaScript Master Course From Beginner to Expert](https://www.easylearn.ing/course/javascript-beginner-expert) # 🐍 Python, Go & Mobile Development * 6h 18m (4.2⭐) -[Build 8 Python Apps Games and Web Application Python Master](https://www.easylearn.ing/course/build-python-apps) * 5h 14m (4.7⭐) -[Complete Guide to Python Data Structures & Algorithms](https://www.easylearn.ing/course/python-data-structures-algorithms) * 4h 59m (4.2⭐) -[Python Programming: Build a Strong Foundation in Coding](https://www.easylearn.ing/course/python-programming-beginner-guide) * 4h 56m (0.0⭐) -[GO Programming: The Complete Guide to Golang](https://www.easylearn.ing/course/golang-development-masterclass) * 4h 51m (3.5⭐) -[Learn Kotlin for Android: Android App Development Bootcamp](https://www.easylearn.ing/course/learn-kotlin-android-development) * 2h 19m (4.2⭐) -[The Ultimate Java Programming Course: Hands-On Training](https://www.easylearn.ing/course/hands-on-java-tutorial) # 📊 Databases & Data Science * 8h 18m (4.7⭐) -[Aprende Bases de Datos Distribuidas en 14 Días](https://www.easylearn.ing/course/curso-bases-datos-distribuidas-practica-intensiva) * 6h 7m (4.0⭐) -[SQL, MYSQL, POSTGRESQL & MONGODB: All-in-One Database](https://www.easylearn.ing/course/database-mastery-course) * 5h 22m (3.7⭐) -[Complete Database Course: Ultimate Database Mastery](https://www.easylearn.ing/course/ultimate-database-mastery) * 4h 30m (4.1⭐) -[Mastering MYSQL: Database Creation & Management](https://www.easylearn.ing/course/learn-mysql-database) # 📈 Microsoft Office & Productivity * 7h 5m (4.5⭐) -[Complete Microsoft Word Excel PowerPoint Course](https://www.easylearn.ing/course/master-microsoft-office) * 6h 35m (4.7⭐) -[Microsoft Excel Formulas and Functions: Beginner to Advanced](https://www.easylearn.ing/course/excel-formulas-functions-mastery) * 5h 57m (4.3⭐) -[Essential Microsoft Excel: Pivot Tables & Power Query](https://www.easylearn.ing/course/excel-pivot-tables-power-query) * 5h 23m (4.1⭐) -[Microsoft Excel: Complete Excel from Beginner to Advanced](https://www.easylearn.ing/course/excel-charts-and-dashboards) * 5h 20m (4.4⭐) -[Microsoft PowerPoint: Blank Slide to Powerful Presentation](https://www.easylearn.ing/course/design-engaging-slides) * 4h 8m (4.5⭐) -[Microsoft Word Essential Training: Master the Basics to Pro](https://www.easylearn.ing/course/microsoft-word-essential-training) * 4h 3m (4.1⭐) -[Microsoft Excel Formulas and Functions: Beginner to Expert](https://www.easylearn.ing/course/data-analysis-excel) * 3h 44m (4.3⭐) -[Microsoft Excel Data Visualization with Charts & Graphs](https://www.easylearn.ing/course/interactive-excel-charts) * 2h 38m (3.8⭐) -[The Complete Microsoft Excel Course: Beginner to Expert](https://www.easylearn.ing/course/excel-pivot-tables) * 2h 7m (4.4⭐) -[Excel - Microsoft Excel Formulas and Functions For Beginners](https://www.easylearn.ing/course/excel-formulas-functions-beginners) # 💼 Business, Leadership & Strategy * 4h 15m (4.5⭐) -[Professional Certificate: Digital Business & Unit Economics](https://www.easylearn.ing/course/digital-business-unit-economics-course) * 1h 43m (4.4⭐) -[Executive Diploma in Engineering Management](https://www.easylearn.ing/course/engineering-management-online-course) * 1h 21m (4.3⭐) -[Research Methodologies in Strategy and Product Development](https://www.easylearn.ing/course/research-methodologies-strategy-product-development) * 4h 1m (4.4⭐) -[Rank Your Social Media and Go Viral - Social Media Mastery](https://www.easylearn.ing/course/social-media-mastery) # 🛠️ IT, Systems & Engineering * 2h 47m (4.0⭐) -[IPv6 Mastery: Deploy, Configure & Migrate with Confidence](https://www.easylearn.ing/course/ipv6-mastery) * 2h 8m (4.5⭐) -[Remotely Operated Vehicles (ROVs), A Subsea Enabler](https://www.easylearn.ing/course/rov-systems-operations-course) * 1h 30m (4.1⭐) -[PowerShell Regular Expressions: Regex Master Class](https://www.easylearn.ing/course/powershell-regex-masterclass) * 0h 0m (4.1⭐) -[PowerShell Functions Master Class](https://www.easylearn.ing/course/powershell-functions-master-class) # 🎬 Design & Creative * 4h 9m (4.2⭐) -[Advanced Adobe Premiere Pro Add Hollywood-level Effects](https://www.easylearn.ing/course/hollywood-video-effects)

Note : Coupons might expire anytime, so enroll as soon as possible to get the courses for FREE. * REDEEM OFFER [Master Of Essential C++ Programming Beginner To Advanced](https://www.webhelperapp.com/programming/master-of-essential-c-programming-beginner-to-advanced/) * REDEEM OFFER  [Hands On React JS From Beginner to Expert](https://www.webhelperapp.com/programming/hands-on-react-js-from-beginner-to-expert/) * REDEEM OFFER  [Python for Everyone Master the Basics of Programming](https://www.webhelperapp.com/development/python-for-everyone-master-the-basics-of-programming/) * REDEEM OFFER  [Master Full Stack Web Development With Games And Application](https://www.webhelperapp.com/development/master-full-stack-web-development-with-games-and-application/) * REDEEM OFFER  [Python Mobile App Development: Build 8+ Mobile Application](https://www.webhelperapp.com/development/python-mobile-app-development-build-8-mobile-application/) * REDEEM OFFER  [Advanced Python Automation For Excel And Accounting](https://www.webhelperapp.com/development/advanced-python-automation-for-excel-and-accounting/) * REDEEM OFFER  [Foundations of Web Development: CSS, Bootstrap, JS, React](https://www.webhelperapp.com/development/foundations-of-web-development-css-bootstrap-js-react/) * REDEEM OFFER  [Python 101: Complete Python Programming Step By Step Guide](https://www.webhelperapp.com/programming/python-101-complete-python-programming-step-by-step-guide/) * REDEEM OFFER  [Python And Flask Framework Complete Course](https://www.webhelperapp.com/it-software/python-and-flask-framework-complete-course/) * REDEEM OFFER  [JavaScript 10 Projects in 10 Days Course for Beginners](https://www.webhelperapp.com/development/javascript-10-projects-in-10-days-course-for-beginners/) * REDEEM OFFER  [CSS, Bootstrap, JavaScript And PHP Stack Complete Course](https://www.webhelperapp.com/programming/css-bootstrap-javascript-and-php-stack-complete-course/) For More Free Courses: [https://www.webhelperapp.com/udemyfree](https://www.webhelperapp.com/udemyfree) check our 5 month coursera plus offer [https://www.webhelperapp.com/coursera](https://www.webhelperapp.com/coursera)

# 🧠 AI & Intelligent Automation * 1h 49m (4.5⭐) -[The 3C’s to Become an AI-Ready Project Manager](https://www.easylearn.ing/course/ai-project-management-course) * 3h 48m (4.4⭐) -[Mastering Video Editing with AI ChatGPT for Content Creators](https://www.easylearn.ing/course/ai-video-editing-chatgpt) * 1h 50m (4.4⭐) -[AI-Enhanced Photo Editing: From Beginner to Pro](https://www.easylearn.ing/course/ai-photo-editing-luminar-neo) * 6h 0m (4.1⭐) -[Complete Python Automation Bootcamp - Automation MasterClass](https://www.easylearn.ing/course/python-automation-bootcamp) * 5h 54m (4.4⭐) -[Advanced Python Automation for Excel and Accounting](https://www.easylearn.ing/course/python-accounting-automation) # 🏢 SAP & Enterprise Systems * 11h 46m (4.6⭐) -[The Ultimate SAP S/4HANA Course 2026: Zero to Expert](https://www.easylearn.ing/course/sap-s4hana-training-2025) * 3h 42m (4.5⭐) -[SAP Commerce Cloud Bootcamp 2026](https://www.easylearn.ing/course/sap-hybris-training) * 2h 59m (4.7⭐) -[The Complete SAP Ariba Sourcing Masterclass (2026)](https://www.easylearn.ing/course/ariba-sourcing-training) * 4h 7m (4.1⭐) -[SAP BusinessObjects Essential Training 2026](https://www.easylearn.ing/course/sap-business-analytics-training) # 💻 Programming & Web Development * 27h 49m (0.0⭐) -[Full Stack Web Development: HTML, CSS, JS, Bootstrap](https://www.easylearn.ing/course/master-web-development-bootcamp) * 12h 2m (4.4⭐) -[Python And Flask Framework Complete Course](https://www.easylearn.ing/course/python-flask-web-development-course) * 9h 26m (3.0⭐) -[PHP Symfony 7: Build a Complete CMS Blog System 2026](https://www.easylearn.ing/course/symfony-7-cms-blog-system-php) * 7h 52m (4.4⭐) -[CSS, Bootstrap, JavaScript And PHP Stack Complete Course](https://www.easylearn.ing/course/css-bootstrap-javascript-php-web-development-course) * 6h 2m (4.1⭐) -[Python Mobile App Development: Build 8+ Applications](https://www.easylearn.ing/course/python-mobile-app-development) * 4h 59m (4.3⭐) -[Python Programming: The Complete Course for Success](https://www.easylearn.ing/course/master-python-data-structures) # 📊 Data Science & Office Productivity * 6h 3m (4.5⭐) -[Master Data Analysis with Python - From Beginner to Pro](https://www.easylearn.ing/course/data-analysis-with-python-beginner) * 4h 7m (4.4⭐) -[Python for Data Science Pro: Complete Mastery](https://www.easylearn.ing/course/python-data-science-mastery) * 4h 22m (3.8⭐) -[Advanced Excel Course for Job and Real World](https://www.easylearn.ing/course/advanced-excel-course-for-job-success) * 3h 13m (3.9⭐) -[Advanced PowerPoint Course For Professional Success](https://www.easylearn.ing/course/professional-presentations-course) # 🛡️ Cybersecurity & Ethical Hacking * 5h 4m (4.6⭐) -[Mastering Black Hat Techniques: Hacking & Cybersecurity](https://www.easylearn.ing/course/ethical-hacking-for-defense) * 0h 0m (4.0⭐) -[Become a Hydra Expert: Advanced Brute Forcing](https://www.easylearn.ing/course/ethical-hacking-hydra) # 📈 Business, Management & Entrepreneurship * 3h 52m (4.2⭐) -[Executive Diploma: VP & Chief Innovation Officer](https://www.easylearn.ing/course/chief-innovation-officer-course) * 3h 41m (4.4⭐) -[Scrum Master Certification](https://www.easylearn.ing/course/scrum-master-certification-agile-enterprise-coach) * 1h 40m (4.6⭐) -[Digital Platforms and Ecosystems: Business Partnership](https://www.easylearn.ing/course/digital-platforms-ecosystems-business-partnership) * 1h 21m (4.4⭐) -[Entrepreneurship and Business Motivation](https://www.easylearn.ing/course/entrepreneurship-motivation-mindset) * 1h 10m (4.3⭐) -[Entrepreneurship: Ideas, Market Analysis, Competitors](https://www.easylearn.ing/course/launch-your-business) * 0h 0m (4.2⭐) -[How to Add Value in the Project Management Role](https://www.easylearn.ing/course/project-management-value-added) # 🎨 Design & Video Editing * 5h 49m (4.2⭐) -[Graphics Design and Video Editing Course for Beginner](https://www.easylearn.ing/course/graphics-design-video-editing-course) * 4h 17m (3.8⭐) -[Advanced Capcut: Beginner to Motion Graphics Master](https://www.easylearn.ing/course/advanced-capcut-editing-course) * 3h 6m (4.2⭐) -[Adobe Illustrator Course For Beginner](https://www.easylearn.ing/course/illustrator-tutorial-beginners) * 2h 52m (4.3⭐) -[Essential Photoshop Course for Beginner To Advanced](https://www.easylearn.ing/course/photoshop-for-graphic-design) * 1h 23m (4.3⭐) -[Essential Lightroom Course for Beginner to Advanced](https://www.easylearn.ing/course/learn-lightroom-classic)

How OpenAI scaled PostgreSQL to handle 800 million ChatGPT users with a single primary and 50 read replicas. Practical insights for database engineers.

# 🧠 AI, Prompt Engineering & Future Tech * 6h 8m (4.1⭐) -[Complete Artificial Intelligence and Python Developer Course](https://www.easylearn.ing/course/ai-python-developer-bootcamp) * 4h 2m (3.0⭐) -[Mastering Prompt Engineering: From Beginner to AI Expert](https://www.easylearn.ing/course/ai-prompt-engineering-mastery) * 1h 6m (3.7⭐) -[ChatGPT: Make Money with ChatGPT as a New Freelancer](https://www.easylearn.ing/course/chatgpt-freelancing-course) * 0h 0m (0.0⭐) -[\[New 5 Mock Exam\] AWS Certified Generative AI Developer Pro](https://www.easylearn.ing/course/aws-generative-ai-developer-pro-aipc01-exam-prep) * 0h 0m (0.0⭐) -[PMI CPMAI 2026 Test Practice Questions – Updated 2026](https://www.easylearn.ing/course/cpmai-2026-exam-practice-tests) # 💻 Programming & Full-Stack Development * 46h 19m (0.0⭐) -[JavaScript Programming Course: Build 100 Projects in 100 Days](https://www.easylearn.ing/course/master-javascript-100-projects) * 11h 33m (4.5⭐) -[Python And Django Framework And HTML 5 Stack Complete Course](https://www.easylearn.ing/course/learn-python-django-html5) * 8h 19m (4.0⭐) -[PHP Laravel: Build Amazing Streaming Service](https://www.easylearn.ing/course/build-streaming-platform) * 17h 37m (4.0⭐) -[Build a Robust RESTful API with PHP 8, from Scratch!](https://www.easylearn.ing/course/php-8-rest-api-development) * 6h 12m (4.2⭐) -[JavaScript, jQuery & TypeScript: Full-Stack Web Development](https://www.easylearn.ing/course/learn-javascript-jquery-typescript) * 5h 40m (4.5⭐) -[Learn PHP Programming: Create Dynamic Websites with MYSQL](https://www.easylearn.ing/course/mysql-database-integration) * 5h 0m (4.4⭐) -[The Complete C++ Programming Course from Basic to Expert](https://www.easylearn.ing/course/complete-c-plus-plus-course) * 4h 38m (4.2⭐) -[Complete Java Programming Bootcamp: Learn to Code](https://www.easylearn.ing/course/java-programming-bootcamp) * 3h 36m (4.3⭐) -[The Complete JavaScript Developer: Learn Modern JS](https://www.easylearn.ing/course/build-web-applications) * 3h 42m (0.0⭐) -[The Complete AngularJS Bootcamp for Web Developers](https://www.easylearn.ing/course/angularjs-bootcamp) # 🐍 Python & Data Science * 5h 3m (4.5⭐) -[Python Programming for PCEP Beginner to Certified](https://www.easylearn.ing/course/python-pcep-certification-beginner) * 4h 40m (4.0⭐) -[NumPy, Pandas, & Python for Data Analysis: Complete Guide](https://www.easylearn.ing/course/numpy-pandas-tutorial) * 4h 21m (4.3⭐) -[Python 101: Complete Python Step by Step Guide](https://www.easylearn.ing/course/python-step-by-step-guide) * 4h 10m (4.2⭐) -[The Ultimate Python Developer Course: Step by Step](https://www.easylearn.ing/course/python-for-data-analysis) * 3h 8m (4.4⭐) -[Java & Python Programming Mastery: Code Like a Pro](https://www.easylearn.ing/course/java-python-programming-mastery) * 1h 25m (4.1⭐) -[Python Development & Data Science: Variables and Types](https://www.easylearn.ing/course/python-programming-beginners) # 📊 Microsoft Office & Automation * 10h 55m (5.0⭐) -[Microsoft VBA Excel Automation: Reports & Dashboards](https://www.easylearn.ing/course/excel-vba-automation-masterclass) * 9h 21m (4.4⭐) -[MS Office With Canva: Word, Excel, PowerPoint All in One](https://www.easylearn.ing/course/ms-office-canva-mastery-course) * 8h 33m (4.6⭐) -[Microsoft Office All-in-One: Excel, Word and PowerPoint](https://www.easylearn.ing/course/excel-word-powerpoint-course) * 5h 3m (4.8⭐) -[Python for Excel Automation: Master Data Processing](https://www.easylearn.ing/course/python-excel-mastery-automation) * 4h 8m (4.1⭐) -[Advanced Excel Course With Shortcuts & Macros](https://www.easylearn.ing/course/excel-automation-macros) * 3h 28m (4.3⭐) -[Mastering Microsoft Word: Comprehensive Guide](https://www.easylearn.ing/course/word-productivity-hacks) * 2h 30m (4.1⭐) -[Microsoft Excel - Excel Course For Beginners](https://www.easylearn.ing/course/microsoft-excel-beginners-course) # 🎨 Creative Design & Video Editing * 5h 51m (3.0⭐) -[Canva, Graphic Design and Social Media Content Mastery](https://www.easylearn.ing/course/canva-design-mastery) * 4h 23m (4.3⭐) -[Learn Filmora Video Editing Masterclass: Beginner to Pro](https://www.easylearn.ing/course/filmora-editing-beginner-to-pro) * 4h 13m (4.3⭐) -[The Beginner's Guide to Adobe Premiere Pro: Edit Like a Pro](https://www.easylearn.ing/course/premiere-pro-beginner-guide) # 🛡️ IT, Security & Exams * 4h 20m (3.3⭐) -[Complete Ethical Hacking Bundle: 5 Courses in 1](https://www.easylearn.ing/course/cybersecurity-bundle-5in1) * 0h 0m (4.7⭐) -[6 Certified Cloud Computing Exams | AWS, Azure, Google](https://www.easylearn.ing/course/aws-certification-practice) * 0h 0m (4.6⭐) -[GH-900 GitHub Foundations Exam: 380+ Questions](https://www.easylearn.ing/course/gh900-certification-exam) * 0h 0m (4.6⭐) -[Microsoft DP-600 Exam: MS Fabric Analytics Test](https://www.easylearn.ing/course/microsoft-fabric-dp-600-practice-test) * 0h 0m (3.3⭐) -[DP-700 Data Engineering Using MS Fabric Test](https://www.easylearn.ing/course/dp-700-practice-exam) * 0h 0m (3.7⭐) -[GH-100 GitHub Administration Exam: 300+ Questions](https://www.easylearn.ing/course/gh100-certification-exam) * 0h 0m (3.9⭐) -[Microsoft MD-102: Endpoint Management Practice Test](https://www.easylearn.ing/course/microsoft-md-102-practice-exam) * 0h 0m (4.2⭐) -[Linux Commands Line Certification Test | 90+ Commands](https://www.easylearn.ing/course/linux-command-line-certification) * 0h 0m (0.0⭐) -[Microsoft AZ-801: Windows Server Hybrid Services Exam](https://www.easylearn.ing/course/az-801-exam-prep) # 💼 Business, Finance & HR * 1h 1m (4.5⭐) -[Key Metrics of Unit Economics (CPA, CAC, LTV)](https://www.easylearn.ing/course/unit-economics-course) * 2h 8m (0.0⭐) -[Total Beginner Value Investing for Shares: Aunty Mindset](https://www.easylearn.ing/course/value-investing-for-beginners-aunty-method) * 2h 20m (0.0⭐) -[Valutazione e grading per strutture salariali eque \[IT\]](https://www.easylearn.ing/course/job-grading-retribuzioni-equore-ai) * 2h 15m (3.7⭐) -[The Complete SEO Guide: SEO For Beginner to Expert](https://www.easylearn.ing/course/seo-for-beginners-to-experts) # ⚓ Specialized & Tech Interview Prep * 0h 0m (4.6⭐) -[Data Structures & Algorithms Interview Preparation](https://www.easylearn.ing/course/master-dsa-for-tech-interviews) * 0h 0m (4.2⭐) -[FastAPI Interview Questions | Python Developer Test](https://www.easylearn.ing/course/fastapi-interview-questions) * 0h 0m (0.0⭐) -[Bun.js Interview Prep for JavaScript Developers 2025](https://www.easylearn.ing/course/bun-js-interview-prep) * 0h 0m (0.0⭐) -[Marine Radar Systems & Maintenance Practice Test 2026](https://www.easylearn.ing/course/marine-radar-systems-2026-practice)

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

**Monday, January 19 - Sunday, January 25, 2026** ###Top Posts | score | comments | title & link | |--|--|--| | 115 | [16 comments](/r/javascript/comments/1qlgpra/introducing_libpdf_the_pdf_library_for_typescript/) | [Introducing LibPDF, the PDF library for TypeScript that I always needed](https://documenso.com/blog/introducing-libpdf-the-pdf-library-typescript-deserves)| | 58 | [27 comments](/r/javascript/comments/1qmwmo4/i_built_the_fetch_integrity_check_that_browsers/) | [I built the fetch() integrity check that browsers have refused to ship for 10 years](https://github.com/hamzaydia/verifyfetch)| | 55 | [6 comments](/r/javascript/comments/1ql7oxz/rebranding_our_opensource_peertopeer_javascript/) | [Rebranding our Open-source Peer-to-peer Javascript and IPFS Based Social media Project to Bitsocial](https://github.com/bitsocialhq)| | 46 | [10 comments](/r/javascript/comments/1qkxqpu/travels_v10_a_10x_faster_undoredo_library_using/) | [Travels v1.0 – A 10x faster undo/redo library using JSON Patches instead of snapshots](https://github.com/mutativejs/travels)| | 24 | [5 comments](/r/javascript/comments/1qh5t47/debugging_our_apps_thermal_performance_using_bun/) | [Debugging our app's thermal performance using Bun, macmon, and Grafana](https://gethopp.app/blog/macbook-m4-overheating)| | 12 | [64 comments](/r/javascript/comments/1qkq1d8/askjs_orm_for_my_next_typescript_project/) | `[AskJS]` [AskJS] ORM for my next Typescript project| | 12 | [9 comments](/r/javascript/comments/1qi9nkt/inside_turbopack_building_faster_by_building_less/) | [Inside Turbopack: Building Faster by Building Less](https://nextjs.org/blog/turbopack-incremental-computation)| | 10 | [10 comments](/r/javascript/comments/1qj4p5h/askjs_recording_a_gif_entirely_in_the_browser/) | `[AskJS]` [AskJS] recording a gif entirely in the browser (client-side) is harder than i thought| | 9 | [4 comments](/r/javascript/comments/1qm2jy5/i_built_a_tabbed_notepad_replacement_that_doubles/) | [I built a tabbed Notepad replacement that doubles as a JS Scratchpad (execute code without saving, Monaco editor, side-by-side diffs)](https://github.com/andriy-viyatyk/js-notepad)| | 8 | [3 comments](/r/javascript/comments/1qlbdlq/sinespace_interactive_waveform_frequency/) | [SineSpace — Interactive waveform & frequency playground (Web Audio API, no frameworks)](https://independent-coder.github.io/SineSpace/?utm_source=chatgpt.com)|   ###Most Commented Posts | score | comments | title & link | |--|--|--| | 0 | [19 comments](/r/javascript/comments/1ql2y4o/askjs_which_language_should_i_use_to_start_my/) | `[AskJS]` [AskJS] Which language should I use to start my business?| | 3 | [14 comments](/r/javascript/comments/1qmglb8/building_a_visual_editor_that_overlays_on/) | [Building a visual editor that overlays on external websites](https://www.kaidohussar.dev/posts/building-cross-origin-visual-editor/)| | 0 | [13 comments](/r/javascript/comments/1qk5lu4/askjs_looking_for_a_way_to_generate_a_codebase/) | `[AskJS]` [AskJS] Looking for a way to generate a codebase based on another one| | 0 | [11 comments](/r/javascript/comments/1qhqwjd/syntux_experimental_generative_ui_library_for_the/) | [Syntux - experimental generative UI library for the web.](https://github.com/puffinsoft/syntux)| | 6 | [8 comments](/r/javascript/comments/1qlh78h/showoff_saturday_january_24_2026/) | `[Showoff Saturday]` Showoff Saturday (January 24, 2026)|   ###Top Showoffs | score | comment | |--|--| | 2 | /u/CombinationStunning8 said [**Hi** r/javascript  ! I'm working on this directory that compiles around 50 lightweight JS tools that requires absolutely no npm installs and no build steps, allowing for a streamlined dev experienc...](/r/javascript/comments/1qlh78h/showoff_saturday_january_24_2026/o1fvp8e/?context=5) | | 1 | /u/lesleh said [Nothing big but I made a Spirograph since my daughter got one for Christmas - https://lesleh.uk/playgrounds/spirograph](/r/javascript/comments/1qlh78h/showoff_saturday_january_24_2026/o1i7n7f/?context=5) | | 1 | /u/trionnet said [I’m a backend engineer trying out front end. I built a tool (AI assisted) https://scratchtabs.com Just started off as a simple tabbed editor where I can 1 click paste JSON and it auto formats...](/r/javascript/comments/1qlh78h/showoff_saturday_january_24_2026/o1fym9k/?context=5) |   ###Top Comments | score | comment | |--|--| | 41 | /u/Xenni said [Hey all, I'm one of the folks behind Documenso (open-source doc signing). We just open-sourced LibPDF, a TypeScript PDF library we've been working on for a while. **Backstory:** we spent year...](/r/javascript/comments/1qlgpra/introducing_libpdf_the_pdf_library_for_typescript/o1e1ov0/?context=5) | | 27 | /u/ldn-ldn said [Why would anyone screen record at 60 fps into gif? That's not a format you should be using for that.](/r/javascript/comments/1qj4p5h/askjs_recording_a_gif_entirely_in_the_browser/o0w8jkq/?context=5) | | 20 | /u/csorfab said [not js devs taking a literal 20+ year old idea and passing it off as their genius breakthrough with an AI slop article again 😭😭](/r/javascript/comments/1qizbih/building_a_javascript_debugging_utility_to_guard/o0vb3sr/?context=5) | | 19 | /u/indium7 said [I commend your work on Mutative, but isn’t it misleading to continue quoting the 10x number now that Immer integrated many of those improvements in v11?](/r/javascript/comments/1qkxqpu/travels_v10_a_10x_faster_undoredo_library_using/o1aeuy6/?context=5) | | 17 | /u/LessMarketing7045 said [NoPack: Building even faster by not building. Shipping today in every modern browser.](/r/javascript/comments/1qi9nkt/inside_turbopack_building_faster_by_building_less/o0qbysi/?context=5) |  

I've been working on a runtime to sandbox untrusted javascript using WebAssembly. The idea is to protects your host system from problems that untrusted code can cause. You can set CPU limits (with compute units), memory, filesystem access, and retries for each part of your code. As javascript developer, you just write simple wrappers with the SDK: import { task } from "@capsule-run/sdk"; export const analyzeData = task({ name: "analyzeData", compute: "MEDIUM", ram: "512MB", timeout: "30s", maxRetries: 1 }, (dataset: number[]): object => { // Could be AI-generated code, user plugin, or any untrusted script return { processed: dataset.length, status: "complete" }; }); export const main = task({ name: "main", compute: "HIGH" }, () => { return analyzeData([1, 2, 3, 4, 5]); }); Run it with the CLI: capsule run main.ts I mainly designed this for AI agents (where untrusted code execution is common), but it works for any scenario where you need safe isolation: user plugins, code playgrounds etc. The SDK and CLI are both available via NPM. Here are the links: * Github : [https://github.com/mavdol/capsule/tree/main](https://github.com/mavdol/capsule/tree/main) * Example of basic project: [https://github.com/mavdol/capsule/tree/main/examples/javascript/dialogue-evaluator](https://github.com/mavdol/capsule/tree/main/examples/javascript/dialogue-evaluator) Would love to hear what use cases you'd have for this !

Hi there! Monorepo releases can be amazing… until the tooling feels either too heavy (extra metadata, intent files, complex flows) or too opinionated about *how* you should work. I wanted something lightweight that stays out of the way — especially if your Git history is already meaningful. So I built **Bumpy** — a **zero-config CLI for monorepo versioning** that: * **Auto-discovers packages** (pnpm/npm workspaces, `apps/*`, `packages/*`) * **Suggests the next version** using Conventional Commits * **Generates per-package changelogs** from Git history * **Uses per-project tags** like `project@version` for precise release boundaries * **Supports prereleases** and `--dry-run` **Why another release tool?** Tools like **Changesets** and **Nx Release** are excellent — they just optimize for different trade-offs than I needed: * **Changesets:** great, but it’s a *file-based workflow* (changeset “intent” markdown files that you commit and later assemble into releases). * **Nx Release:** powerful and well-integrated if you’re already in Nx; heavier if your repo isn’t. Bumpy tries to keep the best parts (automation + safety) while keeping Git as the source of truth and avoiding extra ceremony. **Quick start:** # Run inside your monorepo npx u/antonreshetov/bumpy I’d love to hear your thoughts. Specifically: • Does the "Git history as source of truth" flow feel robust enough for your workflows compared to the "intent file" model? • What features would you miss immediately if you switched from your current tool?

CodePrettify automatically formats and highlights raw files. The new update includes a stats panel (object depth, function counts) and RSS feed support. It’s privacy-focused and works on local files too. I would love to hear your feedback!

Hey r/javascript, I built Mystral Native.js, a JS runtime like Node/Deno/Bun but specifically optimized for games: WebGPU, Canvas 2D, Web Audio, fetch, all backed by native implementations (V8, Dawn, Skia, SDL3). Some background: I was building a WebGPU game engine in TypeScript and loved the browser iteration loop. But shipping a browser with your game (ie Electron) or relying on webviews (Tauri) didn't feel right especially on mobile where WebGPU support varies between Safari and Chrome. I was inspired by Deno's --unsafe-webgpu flag, but Deno doesn't bundle a window/event system or support iOS/Android.  So I decided to build Mystral Native. The same JS code runs in both browser and native with zero changes, you can also compile games into standalone binaries (think "pkg"): mystral compile game.js --include assets -o my-game  Under the hood: V8 for JS (also supports QuickJS and JSC), Dawn or wgpu-native for WebGPU, Skia for Canvas 2D, SDL3 for windowing/audio, SWC for TypeScript. Would love to get some feedback as it’s early alpha & just released today!

Hey all! Repo: https://github.com/oug-t/zsweep Demo: https://zsweep.com Zswep is built with Svelte and ts. The UI design is entirely inspired by monkeytype. The minesweeper game motions is implemented to be keyboard centric by using vim motions. Also it got on the hacker news front page!! Feel free to try it out Welcome to contribute and star!!!

Hey everyone, I’m building kernelplay-js, a lightweight game engine for those who want Unity’s Entity-Component-System (ECS) workflow in the browser. I just hit v0.1.2-alpha and added some big features: - `Triple-Renderer Support`: Use Canvas 2D, WebGL2D, or Three.js (3D) without changing your core game logic. - `Built-in Physics`: Native Rigidbody and Collider components (AABB). Just attach them and go. - `Unity-style API`: Focused on onStart, update, and addComponent. - `Modular`: Keep your game logic separate from the graphics. It’s open-source and perfect for game jams or learning how engines work under the hood. I’d love to hear your feedback on the new renderer setup!

I built an interactive periodic table in vanilla JS (no frameworks)

I did some reasearch into some options for 2026 for debugging frontend projects highlighting each tool what they specifically excel at. You can read about the strengths, features, speed gains these tools will give you with debugging in the link. I did not include Cursor in this comparison however their recent browser feature in cursor is pretty neat and think its worth mentioning. I feel like the realm of debugging is actually changing pretty quickly.

# Hi everyone 👋 I’d like to share **bullstudio**, an open-source **BullMQ observability** tool I’ve been building. I use BullMQ in a few Node/NestJS projects, and once queues got “real” (retries, stalled jobs, multiple workers, multiple environments), I kept bouncing between logs, Redis tooling, and ad-hoc scripts just to answer basic questions like: *What’s stuck? What’s failing? Are workers actually alive?* I couldn’t find something that felt clean + focused for BullMQ ops, so I started building one. What **bullstudio** focuses on: * **Queue health at a glance** (waiting/active/delayed/failed/completed + trends)A * **Alerting and job triggers** * **Job inspection & debugging** (see payloads, attempts, stacktraces/reasons, timings) * **Worker/processing visibility** (helps spot “no consumers” / stalled situations faster) * **Self-hostable** and easy to run alongside your existing Redis/BullMQ setup * Built for **modern Node stacks** (BullMQ-first, not a generic dashboard) The project is fully open source, and I’d really appreciate: * Feedback on the **UX** and what you consider “must-have” for BullMQ monitoring * Suggestions for the **API / architecture** (especially if you’ve built internal tooling like this) * Bug reports / edge cases you’ve hit in production * PRs if you’re interested in contributing 🙏 Thanks for reading — would love to hear how you’re monitoring BullMQ today (and what’s missing for you). (Adding a star on Github would be much appreciated!)

Been annoyed by the 200ms cold start every time I run npm scripts, so I built a small CLI called nr as a side project. It reads your package.json and runs scripts directly without the npm overhead. Just `nr test` instead of `npm run test`. Benchmarks on my machine show \~26x faster execution. It's open source if anyone wants to check it out or poke holes in my approach: [https://github.com/dawsbot/nr](https://github.com/dawsbot/nr) Curious if others have run into this annoyance or found other solutions.

Been working on client-side AI apps and realized something scary: browsers only support SRI for `<script>` tags. When you `fetch()` a WASM module, AI model, or any binary from a CDN? Zero integrity protection. If that CDN gets compromised (like polyfill.io earlier this year), you're serving malicious code. So I built VerifyFetch: import { verifyFetch } from 'verifyfetch'; const res = await verifyFetch('/model.bin', { sri: 'sha256-abc123...' }); The tricky part was memory. Native `crypto.subtle.digest()` loads the ENTIRE file into memory. Try that with a 4GB AI model and your browser dies. VerifyFetch uses WASM streaming - constant \~2MB regardless of file size. [https://github.com/hamzaydia/verifyfetch](https://github.com/hamzaydia/verifyfetch) What edge cases am I missing?

Hi everyone, I just wanted to share two small utilities I use daily that help make JavaScript/TypeScript code cleaner. Both are focused on solving common pain points in async code and HTTP request debugging: * **try-fetch-catch** – A lightweight Fetch API wrapper that fuses Go-style tuple error handling with the Fetch API. It wraps fetch() calls and returns `[result, error, response]`, making async error handling predictable and reducing nested try/catch clutter. * **express-trace-id** – Middleware for Express apps that injects a unique trace ID into every incoming HTTP request. You can access the trace ID anywhere in your app via a simple API: getTraceId(). This makes logging and debugging much easier, especially in complex apps. Both projects are open source and free to use. Links: * [try-fetch-catch ](https://www.npmjs.com/package/try-fetch-catch) * [express-trace-id ](https://www.npmjs.com/package/express-trace-id) I’d love to hear feedback, suggestions, or ideas for improvement. Also curious if anyone has similar tools they rely on daily.

I'm writing a component library on top of a base UI kit, similar to shadcn/radix. I want to build on top of the primitives from the UI kit and export composable components with my app's design system and business logic applied. The problem I'm running into is deciding, and then expressing, which components can be used together. **Example** For example, I have a <DialogProvider> which can contain <DialogHeader>, <DialogTrigger>, and other child elements. DialogHeader is a styling wrapper with some unique slots. I also have a <FormDialogProvider>, which wraps <DialogProvider> and adds some new callbacks for dealing with forms specifically (onEdit, onReset, etc). <FormDialogHeader> takes some specific props to determine the title of the dialog, instead of letting users pass their own title. So typical usage might be: ``` <FormDialogProvider> <FormDialogHeader titleProp1={...} titleProp2={...} /> </FormDialogProvider> ``` If a user wants a totally custom title for their form, they might use: ``` <FormDialogProvider> <DialogHeader>{titleNode}</DialogHeader> </FormDialogProvider> ``` **Problem** How do I express which subcomponents work together? I've considered exporting every piece that can be combined from the same module, and using a common name: ``` export {   FormDialogProvider,   FormDialogHeader,   DialogHeader as FormDialogCustomHeader } ``` Then users can the cohesion clearly: `import { FormDialogProvider, FormDialogCustomHeader } from "my-lib/FormDialog"` I can see that leading to messy names and lots of re-exporting, though. What even is a CustomHeader? What if we end up with a header that contains a user profile -- I'll end up with `FormDialogUserProfileHeader` or something stupid like that. Maybe there is something I can do with TypeScript, to narrow what types of components can be passed as the children prop? That looks like setting up an inheritance hierarchy though, which feels intuitively wrong. But maybe I'm just taking "composition over inheritance" as dogma -- something needs to express the relationships between combinable components, after all. Help welcome, thanks for reading!

Hacking PDF generation in the browser is a nightmare. I recently needed to build a document generator where the user sees a live preview, and I struggled for days with existing libraries. html2canvas jsPDF **Here is what I learned solving this:** 1. **Don't use** `window.print()` **:** It's inconsistent across browsers. 2. **The trick:** I ended up rendering the resume off-screen with a fixed width, taking a high-res canvas snapshot, and then wrapping it in a PDF container. 3. **State Management:** I had to decouple the "Editor State" from the "Preview State" so the UI doesn't lag while typing. Has anyone else found a better way to generate clean, selectable PDFs in React without using a backend service? I’m open to suggestions on how to improve the performance!

Hey everyone, I recently created a short beginner-friendly React tutorial where I explain: ✅ What reusable components are ✅ How props make them dynamic ✅ A real button example with variants (primary, secondary, etc.) I always struggled with this concept when I started, so I tried to explain it clearly with code. Here’s the video if it helps: [*https://youtu.be/zUV\_f5j4NzI*](https://youtu.be/zUV_f5j4NzI)

I spent like 3 years dealing with this burning spot under my shoulder blade while learning to code. I think the combination of tutorial hell and debugging for hours just wrecked my posture. Rhomboid pain is the worst because you can't really reach it effectively. I was obsessed with foam rolling and using a lacrosse ball against the wall. It would feel better for maybe an hour but the knot would just come back the next day sometimes even worse. I finally realized that the muscle wasn't "tight" in a short way it was "taut" because it was overstretched and weak. I sit at a computer all day so my shoulders were constantly rounded forward dragging those back muscles apart. Stretching it was actually making it worse because I was lengthening a muscle that was already struggling to hold on. The fix wasn't massage it was hammering the rear delts and mid-back strength. I completely switched my training to prioritize pulling volume over pushing. Here is the routine that actually worked for me Pull ups: I stopped just trying to get my chin over the bar and focused on pulling my elbows down into my back pockets. If you can't do many use bands. Dumbbell Rows: Went heavy on these. 3 sets of 8-10. Kelso Shrugs: These were honestly the main key. It's like a shrug but you lean forward on a bench (chest supported) and focus purely on squeezing your shoulder blades together not shrugging up to your ears. Rear delt flys: High reps 15-20. You need to wake those muscles up because they are usually dormant from hunching over the keyboard. I do this twice a week now. I haven't had to use a lacrosse ball or foam roller in months. The pain just disappeared once the muscles got strong enough to hold my posture naturally. I wrote a longer breakdown of the whole 3 year timeline on medium if you want to read the full story but honestly just start strengthening your upper back and stop stretching it. [https://medium.com/@lomoloderac/my-3-year-battle-with-unfixable-rhomboid-pain-c0206c695d80](https://medium.com/@lomoloderac/my-3-year-battle-with-unfixable-rhomboid-pain-c0206c695d80)

React Flow templates are great for demos and PoCs. But once a workflow editor becomes a real product feature, we started hitting issues: – performance with large graphs – UX edge cases – complex layouts For teams who’ve built workflow editors in React: what were the first things that broke once you went to production?

What is the best between them by your opinion? And why?

I’m building some email templates with react-email and wanted to ask if there is a published typescript type for a CSS subset that is “safe” for email clients. I saw that [Campaign Monitor](https://www.campaignmonitor.com/css/) keeps a list, so I figured there might be a type I can install to make life easier.

I’ve been using AI more and more to refactor React code, and one thing keeps happening. The code looks fine, tests still pass - but component contracts quietly drift. Props get removed, reshaped, or silently stop being used. Hooks disappear, implicit dependencies change. You notice much later, or when something downstream breaks. I wanted a way to surface these changes while coding, not after the fact. So I started experimenting with extracting structural “contracts” (props, state, hooks, deps) and tracking how they change during AI-assisted edits. This is focused on dev-time guardrails (CI baselines are next), but even local feedback has been useful. How are others handling this? For anyone curious, the CLI is here: https://github.com/LogicStamp/logicstamp-context

<motion.div style={box1} whileHover={{ scale: 3.1 }} <div>HI <div/> </motion.div > has anyone used motion library to create animations in react, the problem is idk how to add a div inside, yeah the text inside is not visible [https://github.com/Kensasaki123/react-project-testing](https://github.com/Kensasaki123/react-project-testing) it's in the app.jsx !a

Hey everyone! I've been working on a project called **react-use-skills** - it's an agent skill for the new Vercel skills ecosystem that helps AI coding assistants (Claude Code, OpenCode, Cursor, Codex, etc.) use the react-use library more accurately. **The problem:** AI agents often hallucinate APIs or use outdated patterns when working with libraries. **The solution:** This skill provides progressive disclosure - it gives agents an overview of 80+ react-use hooks first, then loads detailed usage and type declarations on demand. This reduces token usage while improving accuracy. **Features:** - 80+ hooks documented across sensors, UI, animations, state, lifecycles, and side-effects - Minimal token consumption with on-demand loading - Works offline without internet access - Customizable invocation policies **Installation:** ``` npx skills add arindampradhan/react-use-skills ``` **GitHub:** https://github.com/arindampradhan/react-use-skills Built on top of the excellent [react-use](https://github.com/streamich/react-use) library by streamich. Would love feedback! This is experimental - trying to figure out the best way to help agents work with existing libraries.

Whether you've completed a small side project, launched a major application or built something else for the community. Share it here with us.

Hi there, I'm working on implementing error handling in a Next frontend requesting data from a separate .NET GraphQL backend. In the frontend, I have been using fragment colocation to modularize children components. For example, export default async function Page(props: PageProps<"/listings">) { const [{ data, error }, view] = await Promise.all([ api.query({ query: graphql(` query SpaceOwnerListings { mySpaces { nodes { id ...SpaceCard_SpaceFragment ...ListingsTable_SpaceFragment } } } `), }), (await cookies()).get(storageKey.preferences.listings.view) ?.value as ViewOptions, ]); // ... } then in children components: // listing-table.tsx const ListingsTable_SpaceFragment = graphql(` fragment ListingsTable_SpaceFragment on Space { id title city state images type status createdAt } `); type Props = { data: FragmentType<typeof ListingsTable_SpaceFragment>[]; }; export default function ListingsTable({ data }: Props) { // ... } // space-card.tsx const SpaceCard_SpaceFragment = graphql(` fragment SpaceCard_SpaceFragment on Space { id title description city state images type status createdAt } `); type Props = { data: FragmentType<typeof SpaceCard_SpaceFragment>; }; export default function SpaceCard({ data }: Props) { const space = getFragmentData(SpaceCard_SpaceFragment, data); // ... } Since the child components only require fragmented data from their closest common page component, I assume that isolating each child component into their own parallel route containing a loading.tsx and an error.tsx is a better approach as each component can fail or be in loading state independently. I think Next docs also implies that this is the right approach. However, if the fetch in page fails, all children's error boundaries will show up, which is fine in the loading case but for the error boundary case, displaying all parallel error boundaries is not desirable. Sure, I could simply fetch data in each of the child components individually but it wouldn't be great for performance as I would make multiple round trips from the frontend. Please let me know your thoughts on this. Is there a better approach? Should I ditch parallel routes and simply stick to showing a single error status page when the page request fails. Thanks for reading. References: [https://nextjs.org/docs/app/getting-started/error-handling#handling-uncaught-exceptions](https://nextjs.org/docs/app/getting-started/error-handling#handling-uncaught-exceptions) [https://nextjs.org/docs/app/api-reference/file-conventions/parallel-routes#loading-and-error-ui](https://nextjs.org/docs/app/api-reference/file-conventions/parallel-routes#loading-and-error-ui)

Building a Next.js site where Shopify handles only the catalog (via Storefront API) and the checkout/accounts (hosted). Zero Admin API access. The Strategy: • Next.js fetches product data. • Shopify handles the "heavy lifting" (Checkout/PCI compliance). The "Worst Case" I’m worried about: 1. Rate Limiting: Will Shopify flag my server IP as a bot if I’m doing heavy SSR/ISR? 2. Abuse: Since the token is public, what stops someone from scraping the catalog or scripting 10k cartCreate calls? 3. The Trap: Is there a "gotcha" here that makes this harder than just using the Admin API? Is this standard for a "lean" build, or am I over-engineering the security and causing more technical debt?

i want to deploy my web app and im confused about two routes whihc i protected them with clerk auth depend on roles /admin /dashboard should i block them using robots.txt meta nonindex or rely on clerk auth? i want to know from security and seo sides

I haven't been working with next for quite a while and never done auth with it. I don't want to use external libraries - I wound like to do this on my own. What I tried so far and the issues: \- used server actions for auth which return data \- all pages are server components that render generic client component Form \- action is passed as prop from page to Form \- in Form, depending on the case, kind of handler component is passed and used there from the useFormState: if [state.data](http://state.data) is present, this components render and updates redux store with user and redirects using useRouter (it's client component) Issue I encountered the most is when I tried to redirect users upon page visits. I created multiple cookies (acessToken, emailVerifyPending etc) and checked, say in AuthLayout and redirected accordingly. However, as I do auth actions, and delete some cookies, my handler component which should update redux store never executes due to AuthLayout redirecting if some cookies are(n't) present. Then I tried to move redirect logic to middleware, but middleware doesn't run on router.push, so I can go back to previous page, and redirection doesn't happen. I am completely lost, to be honest. I don't want to do this in plain React way, because this is Next.js. BAsically I need to properly handle redirections upon page visits (if user is logged in, it should not be able to enter login page), but everything I do, something else break. I appreciate the help.

Eu sou leigo e estou usando vibe coding para criar meu app. Eu estava usando uma IDE (Antigravity) e acabaram os meus tokens, então eu abri outra IDE (trae) e esqueci de fechar a outra IDE que havia aberto anteriormente, logo em seguida eu mexi em algo e a IDE pediu para salvar o arquivo e eu cliquei em Salvar, e ja apareceu uma mensagem de erro e aí eu percebi que havia a outra IDE ainda aberta, logo em seguida o app ja não ficava mais online, aparece um erro, eu perguntei para a AI o que deveria ser e ela respondeu que seria o Turbopack, então a AI fez o downgrade para o Next.JS 15 e retirou o Turbopack, então o app funcionou, mas eu queria o Next.JS 16 e com Turbopack, o que seria esse erro e como eu poderia consertar? \## Error Type Build Error \## Error Message Parsing CSS source code failed \## Build Output ./src/app/globals.css:4454:9 Parsing CSS source code failed 4452 | } 4453 | .\\\[-\\:\\|\\\] { \> 4454 | -: |; | \^ 4455 | } 4456 | .\\\[background\\:linear-gradient\\(120deg\\,transparent\_40\\%\\,var\\(--skeleton-highlight\\)\\,transparent\_60\\%\\)\_var\\(--color-muted\\)\_0\_0\\/200\\%\_100\\%\_fixed\\\] { 4457 | background: linear-gradient(120deg,transparent 40%,var(--skeleton-highlight),transparent 60%) var(--color-muted) 0 0/200% 100% fixed; Unexpected token Semicolon Import trace: Client Component Browser: ./src/app/globals.css \[Client Component Browser\] ./src/app/layout.tsx \[Server Component\] Next.js version: 16.2.0-canary.13 (Turbopack) Eu fui no globals.css e não tem tudo isso de linha, só tem 478 linhas Ja tentei deletar o .next, mas quando reinstalo, o erro ainda persiste. Alguém poderia me ajudar por favou?

Hi there, I am building a CRM tool so there's a dashboard with various pages such as leads, analytics, settings, etc. I am using *Supabase* for auth and data storage. Now the problem is that when a user navigates between pages then to fetch leads, analytics or org details each time, a new query is triggered in Supabase every time.. as there are no users on my app right now 😅 it's not a problem but... The main problem as I said is redundant queries and loading screen each time user navigates between pages. So my question is how to handle this? I thought of SSR but Claude is recommending to keep the dashbpard/pages as client components because SEO is not required and this method is actually faster. Also it's recommending to use several hooks to store Auth and caching using TanstackQuery for leads and other data... Need opinions of people who frequently work with these type of architecture. Do you think this method would be correct to implement and it will work as said by claude? Thanks for reading.

Hey, I learn programming and I want to use a library instead of simple console.log/error. Which one is better for me as a nextjs developer? maybe even next-logger? Thanks

I currently use Server Actions, but I feel like the code will become messy as the app scales. Should I move my backend logic to tRPC? How should I architect my next app to be scalable and make it easy to move backend modules to a separate server as microservices?

UPDATE: thanks to u/notauserqwert (from the article he linked) my image can now easily crop when resizing! The small change I had to make was from `object-fit: "cover"` to `object-fit: cover`. Removing the commas alone have finally solved my biggest issue thus far! Huge oversight. Now it's down to having a <div> gradient element that's exactly the same height & width as the image, and then having the text atop both of those (still WIP). \------ So I'm working on a Hero Section for a website I'm working on that will (hopefully) fetch 3-4 images remotely, have them all on a slideshow, and and be fullscreen. I'll be working with images that are strictly 16:9 aspect ratio. And I'm doing all this with SASS (or CSS, cuz I know nothing of Tailwind) \----- As for the behavior of these images, as long as it's not a smartphone -- iPads, computer monitors & Samsung tablets are *safe* \-- I want the background image to take the full height of the screen while its width automatically adjusts/crops to the screen's witdth \- However, the image mustn't distort while this is happening! But, if it's a smartphone -- especially in portrait view -- I want the images cropped to 1:1 aspect ratio (I may try 3:4 or 3:5 ratios) and no longer take full height of screen (I've tried and it'll look bad). \----- Add on top of that a <div> gradient that's exactly the same height & width as the image itself + a text block that will overlay on top of those two things. \------ As for code & visuals to hopefully better convey what I ask, please refer to my [StackOverflow post](https://stackoverflow.com/q/79877515/22978229) (I tried posting this exact same question here, but got flagged by Reddit filters). I feel like one of the things that's been bugging me are the following: 1. I can't get myself to specifying the background image's container's height in specific pixel unit. It's either 100vh or 100% - and my styling just doesn't get it. 2. Using `fill={true}` property on `<Image>` just makes image fill the entire screen while not being responsive (but at least the gradient & text can overlay it in succession) 3. Specifying the `width` and `height` of the `<Image>` tag just makes it a block element, thus the gradient & texts are placed below it (doesn't matter even if I change the image's z-index) \---- Honestly I feel like surrendering. I kindly ask for help in getting this to work at all. Once again, please refer to my [StackOverflow post](https://stackoverflow.com/q/79877515/22978229) to get code & visuals of my problem. (I tried posting this exact same question here, but got flagged by Reddit filters. So, forgive me if you think I'm "shamelessly plugging in" StackOverflow as an ad or something similar. It's like the only best place I had to at least post this question in full detail.) Thanks in advance to all those who'd reviewed my code and tried solving my problem!

Hi everyone, I’ve deployed a Next.js app to Cloudflare Workers using OpenNext. Most of my pages use ISR (Incremental Static Regeneration) with revalidate times ranging from 1 hour to 24 hours. I followed the standard OpenNext guide for caching, using Cloudflare R2 for data storage. Additionally, I have Cloudflare Cache Reserve enabled to ensure the cache persists longer and stays closer to the edge. The Issue: Despite these settings, the ISR pages seem to expire or clear much earlier than the defined revalidate window—usually within about 5 minutes. This causes frequent re-generations, leading to high CPU resource usage and unnecessary R2/Worker overhead. Setup Details: * Deployment: Cloudflare Workers via OpenNext * Caching: ISR with Cloudflare R2 + Cache Reserve enabled * Revalidate: Set between 1h to 24h depending on the page Has anyone experienced this issue where ISR cache doesn't seem to respect the revalidate time on Cloudflare? I thought Cache Reserve would prevent this, but the 5-minute expiration persists. If you've encountered this, how did you fix it? Is there a specific configuration in wrangler.toml or Cloudflare dashboard that I might be missing? Thanks in advance!

We build marketing/landing pages using Next.js. Right now for contact/lead forms, we’re using SendGrid just to email submissions to the client. The issue is that SendGrid only really gives us the subject + recipient — there’s no proper way to store, view, or manage submissions later unless we add extra stuff. We’re trying to figure out a clean and scalable approach to: * Store form submissions (name, email, message, etc.) * Possibly let clients view them later * Keep things simple (these are mostly static / marketing sites) What are you all using for this? Would love to hear what’s worked well for you. Thanks!

Hello, I made the app with all pages fully ssr, and now i am getting server responses of about 500-600ms which seems like a nightmare to me. Literally any help is appreciated I am using supabase edge functions https://preview.redd.it/uyv48d0q0vfg1.png?width=1582&format=png&auto=webp&s=efd35bfbbab22ef33081ff8deb44cdf052205483

I've been paying $300+/mo on Vercel for what would cost me $80 on AWS directly. The DX is great but the markup is insane. Does anyone know of alternatives/have you built your own tools to improve DX at work to get the best of both?

I am building a chat application to learn microservices and I am stuck at this point. The message service in it's send/create message logic has to verify if a conversation with the sender-id exists before creating the message in db. How should i handle this , should I make a http call from message-service to conversation-service ? Any other approaches to solve this ?? I am using kafka for events .

Just wanted to share a small win. I recently published my **first npm package**, and honestly it started from frustration more than ambition. I’ve been working with **Convex** for a side project, and while auth is clean, I kept repeating the same question: > I didn’t want RBAC scattered across every mutation, and I couldn’t find a lightweight, Convex-native approach. So I tried building one myself. That slowly turned into a small reusable component: **convex-authz** [https://github.com/dbjpanda/convex-authz](https://github.com/dbjpanda/convex-authz) What it does (at a high level): * Simple RBAC for Convex * Centralized permission checks * Works cleanly with Convex mutations & queries * No heavy framework or external dependency This wasn’t built to be “the perfect solution” mostly: * I wanted to understand how Convex components work internally * Learn how publishing npm packages actually works * And stop copy-pasting auth logic across files 😅 Publishing it felt surprisingly satisfying. Even getting it to install correctly taught me more than expected. Would genuinely love feedback from people who’ve built: * RBAC systems * Convex apps * or open-source components in general What would you normally expect from an auth/RBAC layer in a real production app? Thanks for reading, this was just a small personal milestone I wanted to share.

Hello everyone, I recently saw the weekly downloads for Hono and was surprised, to be honest, at how quickly it gained popularity. Should I use this framework for my next project? Is it stable?

So I'm originally a node.js developer and I lean towards the backend side more, but due to the jobs demands in my country I moved towards full stack path so I learned react.js then next.js and done two freelance projects but all that was in a span of 4 years (no job). But now an opportunity appeared someone approached me and offered me a job but I have to move to Laravel and stay in it for at least a year. (He know that I like backend and have a solid understanding of backend principles). All I want to know is it worth it ? Is this the solution to my situation (no job for a long time) ? And if I can jump back to MERN and have that time as a booster for my career ?

I am currently working on developing a multi tenant product. I chose to go with seperate schemas for different tenants, rather than adding tenant _id everywhere. Used drizzle-ORM. I am creating schema binded tables using a function that takes the schema name as parameter. Current issue is I am unable to generate migration files with the template tenant Schema as drizzle-kit is binding them to public schema even if I don't mention anything. I found that KnexJs + ObjectionJs offer solution to this by manually writing the migration files. Are those modules still relevant now? Are there any other ways out of this? Thanks in advance.

Is a Node.js CLI that scans a directory and moves files into folders based on their file extension (png, mp3, pdf, etc) Repo (open source): [https://github.com/ChristianRincon/auto-organize](https://github.com/ChristianRincon/auto-organize) npm package: [https://www.npmjs.com/package/auto-organize](https://www.npmjs.com/package/auto-organize) It's my first published npm package so, feedback, ideas, or suggestions for improvements are very welcome

Hi everyone, I'm using `nvm-windows` on Windows 11. I need to run 3 different projects at the same time, each requiring a different Node version. However, I noticed that when I run `nvm use` in one terminal, it changes the version globally for all my open terminals. Is there a way to make the Node version local to just one terminal tab? Or should I switch to a different tool like FNM or Volta? Any advice is appreciated!

Every Node developer has dealt with the "address already in use" error when your dev server crashed but the port is still occupied. Now you're context-switching to Google the platform-specific command to kill it. I built **Port-Nuker** to solve this permanently with a single cross-platform command: **nuke 3000** **Smart Features:** 1. **Zero-argument mode**: Just run **nuke** in your project directory * Automatically detects port from package.json scripts * Supports Next.js, Vite, Express, and more * Prompts for confirmation before killing 2. **Docker intelligence**: Detects when Docker holds the port * Finds the specific container using that port * Offers to stop just that container (not the entire daemon) 3. **Process group killing**: Deep mode option * Kills parent + all child processes * Solves zombie process issues 4. **Wait mode**: Kill and wait for port to be free * Polls until port is actually free * Safe for command chaining with your dev server 5. **Interactive mode**: Browse all active ports * Shows all active ports in a formatted table * Select with arrow keys to kill **Technical Implementation:** * Uses netstat + taskkill on Windows * Uses lsof + kill on Unix systems * Exact port matching (won't kill 8080 when you specify 80) * Protected ports (SSH, HTTP, databases, etc.) require force flag **Install:** Just npm install -g port-nuker I wrote a technical deep-dive about the implementation challenges (cross-platform process discovery, Docker detection, process groups, etc.) if anyone's interested: [Learn More](https://medium.com/@alexgutscher.career/building-port-nuker-a-deep-dive-into-cross-platform-process-management-531fbf5b1e95)

Hey everyone, I'm working on a runtime to isolate untrusted code using wasm sandboxes. In the video above, we're creating many tiny agents that evaluate video game dialogue emotions and save them in a CSV. It's a simple demo, but the project handles much more complex use cases. Basically, it protects your host system from problems that untrusted code can cause. You can set CPU limits (with compute units), memory, filesystem access, and retries for each part of your code. The core is built in Rust using WebAssembly (WASI 0.2 + wasmtime). But from your perspective as a Node.js developer, you just write simple wrappers with the SDK: import { task } from "@capsule-run/sdk"; export const main = task({ name: "main", compute: "LOW", ram: "64MB" }, (): string => { return "Hello from Capsule!"; }); I mainly designed this for AI agents since that's where it's most useful, but it could work for other scenarios where you need to run untrusted code safely. You can install it via npm. Here are the links: * Demo code: [https://github.com/mavdol/capsule/tree/main/examples/javascript/dialogue-evaluator](https://github.com/mavdol/capsule/tree/main/examples/javascript/dialogue-evaluator) * Full repo and docs: [https://github.com/mavdol/capsule/](https://github.com/mavdol/capsule/) I'd love to hear your feedback or any thoughts. It would be super helpful !

I’m working on a Node backend and I keep falling into this loop where I “optimize” something, feel productive for an hour, and then the p95/p99 barely changes. It’s usually the same story: I see latency spikes under load, I assume it’s “Node being slow,” and I start tweaking random stuff (caching, pooling, swapping a library, shaving JSON fields) without really knowing what I’m fixing. I can’t even tell what kind of bottleneck it is half the time. CPU isn’t pegged. Memory looks “fine” until it isn’t. I’ll run a quick load test, see requests queueing, and then I’m staring at logs like they’re going to confess. The closest I’ve gotten to sanity is forcing myself into a boring, evidence-first loop: reproduce the issue consistently, check event loop delay, look for obvious sync I/O (fs, crypto, regex, logging), and then profile instead of guessing. I’ve started keeping a small “hypothesis log” of what I think is happening and what observation would confirm it. Occasionally I’ll use Beyz coding assistant as a second brain to turn profiler output into a short list of “try this next” hypotheses (and to remind me of edge cases like GC churn or accidental sync hotspots), but I’m trying hard not to outsource the thinking. What’s your go-to workflow when Node performance “feels” bad? Any reliable first checks or profiling steps that consistently save me from cargo-cult optimizations?

I’m working on Vue js frontend handle api request with around 10–15 dependencies I want to understand: \- Whether the number of dependencies alone affects runtime performance \- Or if performance impact mainly depends on how they’re imported and used Are there any guidelines or benchmarks for this?

How do companies decide what level of content protection is enough?

Switched to Deno a few months ago and been loving it, combined with Vite it's become my fastest and most hassle-free dev setup to date, thanks Deno engineers as I'm sure some of you lurk around here!

this week we release part 4, where we add a database to create a global leaderboard and a score submission API for your game. [https://deno.com/blog/build-a-game-with-deno-4](https://deno.com/blog/build-a-game-with-deno-4)

Every project I've ever worked has been a hodge podge of structure*d*\-type-aliases and interfaces for describing objects. Historically, I've always used interfaces for objects whenever I don't need some fancy derived-type and there was even an eslint rule \`prefer-interface\` which did this too. Interfaces have been causing issues for me though when trying to pass data around (i.e. I can't pass an interface to \`Record<string, unknown>\` and I don't wanna use \`object\` because it's too permissive). As a 10 year TypeScript developer I'd like to start being orthodox in my approach, so after some back and forth with ChatGPT I came up with this rule: *If you want an open, augmentable contract that others may extend (i.e. JSX component properties), use an interface. If you want a closed and/or computed shape (i.e. IO-data), use a type-alias.* Would you say this is a good, understandable rule of when to use each? If not, please explain how you decide when each one is best. \*\*Edit\*\* After reviewing all comments and the TypeScript docs, I'm gonna go with using interfaces by default and only using type-aliases when I need something an interface can't do. That \*\*seems\*\* to be the general consensus. **Edit 2** I asked ChatGPT why interfaces are preferred by default over object type-literals and it said "interfaces communicate identity as well as constraint whereas object type-literals are just more of an inline constraint" Thought that was an interesting response.

await supabase.from("data_entry").select("*"); So if you were given this on vs code, without writing `const result =` to evaluate the result, can you just by hovering over and clicking and seeing the source code tell what this function is going to return? I tried going to the source of the method "select" by pressing cntr-Lclick, it just send me to a random type definition `type TypeScriptSingleValueTypes<T extends SingleValuePostgreSQLTypes>` instead of the actual method definition. When I hover over each method I just get a builder class and I cant figure out what `await (the builder)` is going to return. Is this just because I don't have a certain expansion or vs code lack the feature? What am I missing?

My boss is very insistent that we move away from Typescript after having written over half of our codebase in it. We only have him and I that really write code in our codebase, and only I have code that interacts with our backend. Initially, he was more open to typescript, but now he is getting very anti-typescript. His reasoning includes that Typescript "assumes knowns", that it makes a development environment too rigid and it should start from pure discovery, that there's "only benefits until it's presumptuous", that it makes engineers lazy, that if Typecript would find an error, it's up to you to just be a better engineer and find it on your own. Would you be open to staying at the company? I worked here for over 5 years, and I'm starting to get burned out when my technical decisions continually are called into question. For reference, we use React and graphql. He's even gotten upset that our graphql schema has non-nullable types because "everything in the web starts as undefined", which is an argument I don't really understand. The most fustrating part is I've set up a type system that is super easy to understand and will spoonfeed you the correct data shapes for talking to the backend or communicating between components. I've tried to actually make it easier for him, but he just says "I've been in tech (business side) for 30 years. Don't you think I might know and be thinking about some things that you don't?" He gets into very esoteric discussions about "principals", but our work is already moving at a snails pace and he wants to remove something that really speeds up my development. His compromise is to write everything in plain JS and add typescript on each file after it's been testing and is working, but to me that seems like it completely defeats the point of Typescript. Thoughts?

The type MapNamesToClasses will map an array of strings of class names to their corresponding class object in an array. But I want it to map it as an key/value pair instead. I want Result to be {"a": A, "b": B} instead of \[A, B\] type Result = MapNamesToClasses<["a", "b"]> Here's an example of what I'm going for: [https://www.typescriptlang.org/play/?ssl=20&ssc=3&pln=18&pc=1#code/MYGwhgzhAECC0G8BQBfJpIwEKNe8U0AwrmugPYB2EALtJWALYCmEAKuUQRK9ALy5o0MAC44AGiRCARmKyShwMUUkphMYFVoBuJEhoBPAA7NoAOSasOXTLwGGT5AGb1L7Tt1a79x0xZb80ADWzAbO5m7WnhDeDqYAsmBG-lYethAAPCkwzAAeNMyUACYwKQDaALoAfIHIQmUAktAAlpTBoeHZFWIN1DRglMDMbL5ZkWlQrGXZjRXV2tAA9IvQAMrkLDQAFq0A5tAgzSHQjS1tXaixvtAASqwAriB0AonJ4zaTmWUARGDf4tBvtJvtUlis4rcHk9AmVYACsBVoNJ7nQmgB3AZ0BC-b5iOGA4FyNBAA](https://www.typescriptlang.org/play/?ssl=20&ssc=3&pln=18&pc=1#code/MYGwhgzhAECC0G8BQBfJpIwEKNe8U0AwrmugPYB2EALtJWALYCmEAKuUQRK9ALy5o0MAC44AGiRCARmKyShwMUUkphMYFVoBuJEhoBPAA7NoAOSasOXTLwGGT5AGb1L7Tt1a79x0xZb80ADWzAbO5m7WnhDeDqYAsmBG-lYethAAPCkwzAAeNMyUACYwKQDaALoAfIHIQmUAktAAlpTBoeHZFWIN1DRglMDMbL5ZkWlQrGXZjRXV2tAA9IvQAMrkLDQAFq0A5tAgzSHQjS1tXaixvtAASqwAriB0AonJ4zaTmWUARGDf4tBvtJvtUlis4rcHk9AmVYACsBVoNJ7nQmgB3AZ0BC-b5iOGA4FyNBAA)

Hey everyone! I built PolyMCP, a framework that lets you turn any Python or TypeScript function into an MCP (Model Context Protocol) tool that AI agents can call directly — no rewriting, no complex integrations. It works for everything from simple utility functions to full business workflows. Python Example: from polymcp.polymcp_toolkit import expose_tools_http def add(a: int, b: int) -> int: """Add two numbers""" return a + b app = expose_tools_http([add], title="Math Tools") # Run with: uvicorn server_mcp:app --reload TypeScript Example: import { z } from 'zod'; import { tool, exposeToolsHttp } from 'polymcp'; const uppercaseTool = tool({ name: 'uppercase', description: 'Convert text to uppercase', inputSchema: z.object({ text: z.string() }), function: async ({ text }) => text.toUpperCase(), }); const app = exposeToolsHttp([uppercaseTool], { title: "Text Tools" }); app.listen(3000); Business Workflow Example (Python): import pandas as pd from polymcp.polymcp_toolkit import expose_tools_http def calculate_commissions(sales_data: list[dict]): df = pd.DataFrame(sales_data) df["commission"] = df["sales_amount"] * 0.05 return df.to_dict(orient="records") app = expose_tools_http([calculate_commissions], title="Business Tools") Why it matters: •Reuse existing code immediately: legacy scripts, internal APIs, libraries. •Automate complex workflows: AI can orchestrate multiple tools reliably. •Cross-language: Python & TypeScript tools on the same MCP server. •Plug-and-play: no custom wrappers or middleware needed. •Input/output validation & error handling included out of the box. Any function you have can now become AI-ready in minutes.

Hey all, I'm one of the folks behind Documenso (open-source doc signing). We just open-sourced LibPDF, a TypeScript PDF library we've been working on for a while. **Backstory:** we spent years duct-taping pdf-lib and a custom Rust signing library together. It mostly worked, but every few weeks some customer would upload a PDF that broke something. Which led to us writing a bunch of workarounds that would make us deviate further and further from the library that we were using. So we finally wrote the library we actually needed: - Lenient parsing that falls back to brute-force recovery when things get weird - Encryption support (RC4, AES-128, AES-256) - Native digital signatures in pure TypeScript; no Rust bindings or platform-specific binaries - Incremental saves so you can modify signed docs without invalidating existing signatures - Form filling and flattening - Font embedding with subsetting support - Merge, split, extract and all the other typical features API is heavily inspired by pdf-lib (if you've used it, this will feel familiar). Font subsystem is a TS port of Apache PDFBox's fontbox. The library is still in beta. We're using it in production but wouldn't be shocked if you have some weird PDFs that find bugs we haven't hit yet. Docs: https://libpdf.dev Blog: https://documenso.com/blog/introducing-libpdf-the-pdf-library-typescript-deserves GitHub: https://github.com/libpdf-js/core

I need to deconstruct an object that is received from `await supabase.from("profiles").select("user_id").eq("username", searchedUsername);`. However, I'm having trouble figuring out how to know the return type of these .select, .eq methods are. My first intuition was to hover over the `.eq("username", serachedUsername);` to learn the return type, but I got this. (method) PostgrestFilterBuilder<any, any, any, { user_id: any; }[], "profiles", unknown, "GET">.eq<"username">(column: "username", value: any): PostgrestFilterBuilder<any, any, any, { user_id: any; }[], "profiles", unknown, "GET"> Match only rows where column is equal to value. To check if the value of column is NULL, you should use .is() instead.   To me this is just incomprehensible, and I don't know where to begin. What does this mean? What should I check to learn about these? This look nothing like the return type that is const object: PostgrestSingleResponse<{ user_id: any; }[]> Also, currently the way I find out the return type of a function is just writing const object = function(); and hovering over the object to see what the type is. Is there an alternative? I feel like you should be able to know the return type by just hovering over a function.

I want to do this: document.querySelector("div").ontransitionend = function (e: TransitionEvent) { const div = this as any as HTMLDivElement; if (e.target === div) { // do thing } } But typescript complains that "this" is an any and won't allow the above line attempt either.

Daily developer enhancement tools — A handy collection of CLI utilities for everyday dev tasks like ID generation, cryptography, data formatting, QR codes, time helpers, and SSL certificate management. It’s a work in progress, so ideas, fixes, suggestions, and collaborations are always welcome. If you think something can be better or missing, jump in!