Instrumenting Next.js with Runtime Secret Injection - https://phase.dev/blog/instrumenting-nextjs-with-runtime-secret-injection/
#react
#react
phase
Instrumenting Next.js with runtime secret injection | Phase Blog
Leveraging the instrumentation feature in Next.js 14 to inject secrets into applications at runtime.
👍1
A Friendly Introduction to SVG
Joshua Comeau shares a fantastic introduction to SVG, covering the most important fundamentals to provide a solid foundation you can build on. - https://www.joshwcomeau.com/svg/friendly-introduction-to-svg
#css
Joshua Comeau shares a fantastic introduction to SVG, covering the most important fundamentals to provide a solid foundation you can build on. - https://www.joshwcomeau.com/svg/friendly-introduction-to-svg
#css
Joshwcomeau
A Friendly Introduction to SVG • Josh W. Comeau
SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most important fundamentals, and show you some of the ridiculously…
👍5
Why You Should Start Using useNuxtData
State management is hard, but Nuxt has built-in features that can help you without using any other libraries.
For example, useNuxtData is a composable that you can use to implement optimistic updates. - https://www.youtube.com/watch?v=e-_u6swXRWk
#vue
State management is hard, but Nuxt has built-in features that can help you without using any other libraries.
For example, useNuxtData is a composable that you can use to implement optimistic updates. - https://www.youtube.com/watch?v=e-_u6swXRWk
#vue
YouTube
Why You Should Start Using useNuxtData
State management is hard, but Nuxt has built-in features that can help you without using any other libraries. useNuxtData is a composable that I've bee using a lot more recently, especially to create optimistic updates.
RESOURCES
useNuxtData docs - ht…
RESOURCES
useNuxtData docs - ht…
👍3❤1
Generating Playwright Tests With AI: Let's Try the New Playwright MCP Server - https://www.youtube.com/watch?v=MIlcVo1x3Is
#nodejs
#nodejs
YouTube
Generating Playwright Tests With AI: Let's Try the New Playwright MCP Server!
In this video, Stefan (Playwright Ambassador) dives into the integration of AI with the Playwright MCP server to automate end-to-end test generation.
Learn about MCP, browser automation and how to combine everything to generate Playwright tests. We'll explore…
Learn about MCP, browser automation and how to combine everything to generate Playwright tests. We'll explore…
👍5❤1
System Architecture : Deep Dive into 1M RPS API Design
Technology-agnostic design for high-throughput… - https://readmedium.com/system-architecture-deep-dive-into-1m-rps-api-design-fa5b5a01e6f4
#system #design
Technology-agnostic design for high-throughput… - https://readmedium.com/system-architecture-deep-dive-into-1m-rps-api-design-fa5b5a01e6f4
#system #design
Readmedium
System Architecture : Deep Dive into 1M RPS API Design
Technology-agnostic design for high-throughput systems, ensuring low latency, high availability, and cost efficiency
👍2❤1
Public CSS Custom Properties in the Shadow DOM
Michael Warren created an in-depth guide to using public CSS Custom properties to configure web components externally. - https://michaelwarren.dev/blog/css-variables-in-wc
#css
Michael Warren created an in-depth guide to using public CSS Custom properties to configure web components externally. - https://michaelwarren.dev/blog/css-variables-in-wc
#css
michaelwarren.dev
Public CSS Custom Properties in the Shadow DOM
The definitive guide to using public CSS Custom properties to configure web components externally. Surely no one will ever write about this topic again.
👍2
Don’t Overcomplicate Your Angular App
Avoiding Common Overengineering Pitfalls in Angular… - https://readmedium.com/dont-overcomplicate-your-angular-app-e4e8886e518f
#angular
Avoiding Common Overengineering Pitfalls in Angular… - https://readmedium.com/dont-overcomplicate-your-angular-app-e4e8886e518f
#angular
Readmedium
Don’t Overcomplicate Your Angular App
Avoiding Common Overengineering Pitfalls in Angular Apps
❤1👍1
18 Advanced React Techniques Every Senior Dev Needs to Know
As React applications grow more complex, the patterns that were “just fine” when you were starting out might start to feel limiting. Maybe you’ve built a successful MVP, but now you’re noticing subtle performance issues. Or perhaps your state management has gotten tangled, and your data fetching logic has mushroomed into something unrecognisable. - https://readmedium.com/18-advanced-react-techniques-every-senior-dev-needs-to-know-13456ba2604c
#react
As React applications grow more complex, the patterns that were “just fine” when you were starting out might start to feel limiting. Maybe you’ve built a successful MVP, but now you’re noticing subtle performance issues. Or perhaps your state management has gotten tangled, and your data fetching logic has mushroomed into something unrecognisable. - https://readmedium.com/18-advanced-react-techniques-every-senior-dev-needs-to-know-13456ba2604c
#react
Readmedium
18 Advanced React Techniques Every Senior Dev Needs to Know
As React applications grow more complex, the patterns that were “just fine” when you were starting out might start to feel limiting. Maybe…
👍2
Testing MongoDB in Node with the MongoDB Memory Server -https://blog.appsignal.com/2025/06/18/testing-mongodb-in-node-with-the-mongodb-memory-server.html
#nodejs
#nodejs
Appsignal
Testing MongoDB in Node with the MongoDB Memory Server | AppSignal Blog
In this post, we'll test a Node-MongoDB app using MongoDB Memory Server.
👍2❤1
Nuxt Server Components vs. Lazy Hydration
We all want less JavaScript and better performance.
Both, Nuxt Server Components and Lazy Hydration can help with that in different ways.
In this video, you learn how both work and what the differences are, plus when to use either. - https://www.youtube.com/watch?v=Jijoc0RH_tA
#vue
We all want less JavaScript and better performance.
Both, Nuxt Server Components and Lazy Hydration can help with that in different ways.
In this video, you learn how both work and what the differences are, plus when to use either. - https://www.youtube.com/watch?v=Jijoc0RH_tA
#vue
YouTube
Nuxt Server Components vs. Lazy Hydration
We all want less JavaScript and better performance. Both, Nuxt Server Components *and* Lazy Hydration can help with that in different ways. In this video, you learn how both work and what the differences are, plus when to use either!
---
Links and Resources…
---
Links and Resources…
👍3❤2
CSS Hyphens, Words, Syllables, and Languages
Frank M Taylor on the importance of correctly identifying the language in your HTML if you want to use CSS hyphens. - https://blog.frankmtaylor.com/2025/07/17/css-hyphens-words-syllables-and-languages
#css
Frank M Taylor on the importance of correctly identifying the language in your HTML if you want to use CSS hyphens. - https://blog.frankmtaylor.com/2025/07/17/css-hyphens-words-syllables-and-languages
#css
Frank M Taylor
CSS Hyphens, Words, Syllables, and Languages
There's a newish CSS feature called hyphens that specifies how you want words to be hyphenated when the text wraps. But if you use it, you're going to need to make sure you're also correctly identifying the language. And to understand why that matters, we…
❤1👍1
Unlocking Web Workers with React: A Step-by-Step Guide
Web Workers provide a way to run certain code in background threads, rather than blocking things on the main thread. This adds some complexity and isn’t always a best first step, but it’s worth knowing how it works. - https://www.rahuljuliato.com/posts/react-workers
#react
Web Workers provide a way to run certain code in background threads, rather than blocking things on the main thread. This adds some complexity and isn’t always a best first step, but it’s worth knowing how it works. - https://www.rahuljuliato.com/posts/react-workers
#react
Rahuljuliato
Unlocking Web Workers with React: A Step-by-Step Guide | Rahul's Blog
👍1
How can you approach a complex table with rowspan and colspan in Angular ?
Designing tables with rowspan and colspan can get… - https://javascript.plainenglish.io/how-can-you-approach-a-complex-table-with-rowspan-and-colspan-in-angular-635e9169234a
#angular
Designing tables with rowspan and colspan can get… - https://javascript.plainenglish.io/how-can-you-approach-a-complex-table-with-rowspan-and-colspan-in-angular-635e9169234a
#angular
Medium
How can you approach a complex table with rowspan and colspan in Angular ?
Designing tables with rowspan and colspan can get really crazy at times, if you are a beginner. The first time, I faced such a scenario, I…
👍2
Building a RAG System with Node and OpenAI - https://www.zignuts.com/blog/build-rag-system-nodejs-openai
#nodejs
#nodejs
Zignuts
Build a RAG System with Node.js & OpenAI |Step-by-Step Guide
Learn how to build a Retrieval-Augmented Generation (RAG) system using Node.js & OpenAI API. A complete step-by-step guide for developers with code examples.
❤2
Optimizing heavy operations in Vue with Web Workers
In this article, you'll explore how to use Web Workers in a Vue 3 project to keep the UI responsive while running CPU-heavy tasks. - https://dev.to/jacobandrewsky/optimizing-heavy-operations-in-vue-with-web-workers-3j1b
#vue
In this article, you'll explore how to use Web Workers in a Vue 3 project to keep the UI responsive while running CPU-heavy tasks. - https://dev.to/jacobandrewsky/optimizing-heavy-operations-in-vue-with-web-workers-3j1b
#vue
DEV Community
Optimizing heavy operations in Vue with Web Workers
Heavy computations on the main thread can lead to sluggish UI, dropped frames, and poor user...
❤2👍1
React Query Selectors, Supercharged
The latest in Dominik’s epic series of React Query articles. - https://tkdodo.eu/blog/react-query-selectors-supercharged
#react
The latest in Dominik’s epic series of React Query articles. - https://tkdodo.eu/blog/react-query-selectors-supercharged
#react
tkdodo.eu
React Query Selectors, Supercharged
How to get the most out of select, sprinkled with some TypeScript tips.
❤2
A Handy Use of Subgrid To Enhance a Simple Layout
Andy Bell shows how CSS subgrid can help you maintain a nice reading line in your layouts. - https://piccalil.li/blog/a-handy-use-of-subgrid-to-enhance-a-simple-layout
#css
Andy Bell shows how CSS subgrid can help you maintain a nice reading line in your layouts. - https://piccalil.li/blog/a-handy-use-of-subgrid-to-enhance-a-simple-layout
#css
Piccalilli
A handy use of subgrid to enhance a simple layout
subgrid in CSS is really handy for getting a nice level of design detail in place, especially in terms of maintaining a nice reading line, as Andy shows in this article.
❤1👍1
How to create a clean architecture Angular app
Today I’m going to show you 3 steps to create an… - https://dkreider.medium.com/how-to-create-a-clean-architecture-angular-app-in-5-minutes-84a42e8af23c
#angular
Today I’m going to show you 3 steps to create an… - https://dkreider.medium.com/how-to-create-a-clean-architecture-angular-app-in-5-minutes-84a42e8af23c
#angular
Medium
How to create a clean architecture Angular app (in 5 minutes)
Today I’m going to show you 3 steps to create an Angular app with an amazing clean architecture.
👍1
Nest.js and Modular Architecture: Principles and Best Practices
Discover How to Better Organize Your Modules by… - https://levelup.gitconnected.com/nest-js-and-modular-architecture-principles-and-best-practices-806c2cb008d5
#nodejs
Discover How to Better Organize Your Modules by… - https://levelup.gitconnected.com/nest-js-and-modular-architecture-principles-and-best-practices-806c2cb008d5
#nodejs
Medium
Nest.js and Modular Architecture: Principles and Best Practices
Discover How to Better Organize Your Modules by Following 8 Architecture Guidelines
👍2
Secure a Vue app with OpenID Connect and the BFF pattern
In this post, we’ll look at the basic architecture of a BFF solution, the responsibilities of each component, and how it all fits together. - https://duendesoftware.com/blog/20250409-secure-vue-app-with-openid-connect-bff-pattern
#vue
In this post, we’ll look at the basic architecture of a BFF solution, the responsibilities of each component, and how it all fits together. - https://duendesoftware.com/blog/20250409-secure-vue-app-with-openid-connect-bff-pattern
#vue
Duendesoftware
Duende Software - Identity and Access Management for .NET
We help companies using .NET to build identity and access control solutions for modern applications.
❤1👍1
Starting a Modern Angular Application
In this article, I’ll review the tools and options we… - https://medium.com/@eugeniyoz/starting-a-modern-angular-application-9cbe409ee610
#angular
In this article, I’ll review the tools and options we… - https://medium.com/@eugeniyoz/starting-a-modern-angular-application-9cbe409ee610
#angular
Medium
Starting a Modern Angular Application
In this article, I’ll review the tools and options we have when creating a modern Angular app and which of them should be chosen.
👍1