JavaScript Room - all about web dev
906 subscribers
102 photos
205 links
Blog about web development - news, tips & tricks and more…
#webdevelopment, #frontend #programming #programmer #webdev #webdeveloper #backend #nodejs #javascript #tech #typescript
Join our dev chat: @room_js_chat
Download Telegram
Yjs (https://github.com/yjs/yjs) - #JavaScript framework for building collaborative web apps. In case you need to build a sharable drawing board or to-do list, this framework can save your life. Also, it has a nice interactive tutorial - https://learn.yjs.dev πŸ§‘β€πŸ’»

#webdev #webdevelopment #typescript #nodejs #frontend #websocket
πŸ‘1
If you're using TypeScript with the Fastify web server in your Node.js projects, then check out typed-fastify (https://tfs.cooba.me). I'd say it's the only reliable solution I've found so far to achieve end-to-end type-safety using existing TS types.

https://github.com/Coobaha/typed-fastify

#webdev #nodejs #typescript #javascript
Are you developing an open-source library/project in the #AI space? Then check out the new fund from #Google, it may sponsor your toolβ€¦πŸ’°

https://web.dev/blog/web-ai-acceleration-fund

#webdev #opensource #programming #webdevelopment
We all love cheatsheets, right? Here's the one for Docker CLI! βœ…

#docker #cli #devops #webdev #webdevelopment
πŸ”₯2
Pretty accurate guide on a simple web server setup on a Linux VM. Maybe it will be useful for those who want to deploy their app on Hetzner and don’t know where to start.

https://swiftace.org/posts/deploy-web-app-to-cloud-vm

#webdev #webdevelopment #linux #deployment #webapp
πŸ‘2
To Next or not to Next?...

Next.js is a legendary web dev framework. Arguably, it's the most popular choice across web engineers for building SaaS and web projects. I'm not a deep expert in #nextjs, although I used it for a while and quite liked it a couple of years ago. I liked its flexibility in SSR/no-SSR rendering, and other cool features. But I've recently had several chats with web devs where we discussed Next.js. So I noticed more and more people complaining that Next became unreliable, too cumbersome and fragile. It seems like Next.js has really changed since then. Also, we have Astro, Svetle, Remix and other competitors around. The latter one in particular is the one I'm working with right now, and it looks quite interesting so far...

What is your favorite framework for building a SaaS or web project nowadays?

#webdev #nodejs #javascript #typescript #webdevelopment #webdeveloper
πŸ€– Monitoring servers - better late than never...

I've recently read a discussion on Reddit where devs shared solutions they use for monitoring servers. Apart from Prometheus+Grafana, that is a well-known and very common stack for medium-large projects nowadays, I've noticed a couple of options that I wasn't aware of. So I thought it could be useful to share them here.

The first one is called Zabbix and it seems to be a big deal. Lots of folks use this setup to watch their hardware, and I actually decided to give it a go too. It provides everything you need for monitoring your dedicated server remotely, including nice templates and dashboards. It's not very obvious in the beginning how to run it because it has a rich set of options, but I believe you can also leverage ChatGPT to configure it for your needs πŸ˜€ Maybe later I share with you my thoughts on it after using it myself. Let me know if you're interested in that.

The second option is a small tool that might be handy for uptime and blacklist monitoring. It's called HetrixTools. What I liked about it is that it has a free plan with up to 15 uptime monitors, which is quite generous. We all love free tools, especially when running projects that don't generate any revenue, right? I'm not in need for such service right now, but feel free to test it yourself and let me know if you like it!

I'm curious to hear your opinions of these tools. If you have any other solutions that you prefer to use for monitoring servers, then also share it in the comments!

Happy DevOpsing πŸ‘¨πŸ»β€πŸ’» and coming Easter πŸ₯š!

#devops #server #programming #javascript #webdev #webdeveloper
πŸ‘¨β€πŸ’»1
If you’re trying to catch up with MCP hype, this is a nice brief technical breakdown of what the MPC is and how its architecture built. MCP have great potential I think and will definitely stay with us, so we have to learn how to build and consume them. Do you build/use MCP servers already?

https://youtu.be/FLpS7OfD5-s?si=YC41ClxQYN6zqaBZ

#mcp #ai #webdev #webdevelopment #javascript
❀1
Hey everyone!
I've posted this article a couple of days ago with my take on Reddit Games after building and publishing my first app. Reddit Games is quite powerful and free hosting solution and marketplace with huge potential I believe.

https://dev.to/room_js/building-reddit-game-with-devvit-and-typescript-starter-included-3kcp

#webdev #programming #webdevelopment #javascript #typescript
πŸ‘2πŸ‘Œ1
β€œMCP Is Broken and Anthropic Just Admitted It”

Good read about the new concept in the MCP world - Skills - explained in digestible manner even if you’re not very deep into #AI

The article clearly explains why MCP β€œtools” are not very scalable and how this new pattern can drastically improve performance of large setups.

https://medium.com/@cdcore/mcp-is-broken-and-anthropic-just-admitted-it-7eeb8ee41933
πŸ‘3πŸŽ‰1
In case you use Github Actions heavily, this tool might help you debugging them. Act allows you to run your Github Actions locally, which can significantly speed up and simplify debugging and development.

Github: https://github.com/nektos/act

Website: https://nektosact.com

#webdev #programming #github #webdevelopment #softwareengineer #webdeveloper
❀2
I've become a huge fan of self-hosted platforms. When you manage your server already, spinning a self-hosted instance of an app with Docker does not take long usually and is normally with zero extra cost. We all love it, right?

So, today I'd like to share one app that I've found lately. It's called BentoPDF, and I promise you'll enjoy it even if you hate Japanese food (not sure that such people exist tho) .

BentoPDF gives you full control of your data and freedom of privacy. No need to send your PDFs to a random server anymore.

The project is still young as I can see, just 21 star on Github including the one from myself. So let's support it by spreading the word and starring the repo.

Have you used it already? Share your tips and takeaways in the comments...

Website: https://bentopdf.com/
Github: https://github.com/goodtab/bentopdf
❀2πŸ‘¨β€πŸ’»1
AI noise is everywhere and, frankly, I often feel overwhelmed and tired of hearing lots of AI bullsh*t. But it's still important to follow what's going on in the industry and learn on the way. Actually, it's becoming more fun after a while, and right now I think is a good moment to accelerate on important things.

One of the things I try to become more familiar with lately is MCPs. I'm still seeking a good practical way of dealing with MCP servers locally. It was quite obvious for me from the beginning, that the way of running MCP server locally is not scalable. And at some point I started exploring solutions to aggregate MCP servers in one gateway/dashboard to have visibility of running servers and useful way of managing them. So far I've settled with the MCP Router. It has a GUI app with dashboard and is easy to start with.

Github: https://github.com/mcp-router/mcp-router
Website: https://mcp-router.net/

What is in your toolset for managing MCPs?
πŸ”₯3
If you ever used the Cursor IDE and its BugBot (Cursor's AI PR reviews on GitHub), then you probably know that it's nicely integrated into the GitHub PRs. Under each comment from the bot you can find a button "Fix in Cursor", which opens Cursor with the comment as a prompt ready for processing. It's literally one click. It's extremely convenient...

After I switched to Copilot's reviews in my other projects, i really missed this feature. I had to manually copy the comment and paste it into the agent in my VS Code / Cursor. I had to do something about it. This is how I came to the idea to build a browser extension that will replicate similar behavior.

Are you using Copilot for reviewing your PRs? Then you'll love this extension!

https://chromewebstore.google.com/detail/github-pr-copilot-comment/bmplpkpnichmnakibdcpgkcndabinkdl

In case you find it useful, please don't forget to leave a review. I'd really appreciate it!

P.S.
This extension is open sourced: https://github.com/room-js/github-copilot-comment-browser-extension

P.S.S.
I've recently also published a browser extension starter template using the new amazing stack: https://github.com/room-js/browser-extension-starter-typescript
In case you want to build an extension yourself, check it out!
❀2
As you noticed, all the recent posts are AI-focused. I feel like it's a brand new era in engineering now. I used to be skeptical about AI at first, actually for quite some time and kept writing code manually. The reason was that I was disappointed every time I tried an AI in my coding tasks. But at one moment I had to admit the time has passed and models improved significantly, so it's quite opposite now - in most of the situations it makes no sense to write code by hands.

So, after a few months adapting to the AI flow in my coding routine I must say I again feel enthusiastic about engineering, that became a bit of boring to me previously. I know many devs are still hesitant about it, and I understand why. But it also might be tricky, because the trend is super strong and it's inevitable that we will incorporate AI into the majority of coding workflows. At this point I'm convinced in it.

Once you embraced it - AI-assisted coding is super fun. Agree?
πŸ‘3πŸ‘Ž2
Claude is the best AI tool for engineering. Is it?

From what I see across the industry, the Claude AI is a primary tool for the majority of my engineering peers. Meanwhile, I've stumbled upon the DeepSWE benchmark that gives interesting insights.

DeepSWE is an advanced AI benchmark that focuses on long-horizon engineering tasks. And if you look at their results, you'll see that actually OpenAI is leading with their GPT-5.5 LLM.

DeepSWE blog: https://deepswe.datacurve.ai/blog

#llm #ai #artificialintelligence
❀2πŸ”₯1
Don't know about you, but I often need to keep my laptop awake while staying away from it. Especially, nowadays when we all have running agents, scripts and processes a lot.

To keep my machine alive when I'm not present I used to run youtube videos. This trick primarily works, but not always convenient. Some time ago I found a mouse jiggler app that does the job. It's decent but it costs some money, and I can't use it on other devices.

So I recently did another round of research on github, and again I haven't found a free simple utility tool, that I can conveniently use as a desktop app with the tray icon. That's why I decided to take a bit of time and build one by myself (okay, by ourselves, if you know what I mean πŸ˜€).

And here we go, for all of us in need. Please embrace the mouse-cursor-mover! (naming is always the hardest part, right? πŸ˜€).

Github: https://github.com/room-js/mouse-cursor-mover

Feel free to give it a try. Happy to hear your feedback (especially if you're good in Rust)! Issues or/and PRs are welcome. Enjoy!
πŸ”₯3
I find the duality of the IT career path and job market worldwide is insane nowadays. We keep wintessing mass layoffs around the globe, lots of engineers struggle with finding jobs for months and even years now. But at the same time, the AI universe is growing, hire talents agressively and ready to pay well. It all looks quite crazy to me.

You likely noticed that as well that young people are often feel confused about if it's worth to learn coding in 2026. It feels tricky indeed.

But when I decided to look at the numbers, I noticed that it's not that bad actually. In fact, we see a massive increase in search activity for the "learn javascript" term and the SWE jobs are also growing this year.

Take this post as your daily dose of hopium, use your AI bot as the best possible tutor and keep coding!πŸ‘©β€πŸ’»πŸ§‘β€πŸ’»

β€”

SWE jobs chart: https://www.macrotrends.net/3152/us-software-development-job-postings

Google Trends: https://trends.google.com/explore?q=learn%2520javascript&date=today%205-y&geo=Worldwide
❀3