Using shadcn/ui with Next.js 15 and React 19
Fresh, valuable documentation from the shadcn/ui project on the specifics of using the popular component library with React 19 generally, though with a slight emphasis on Next.js 15. - https://ui.shadcn.com/docs/react-19
#react
Fresh, valuable documentation from the shadcn/ui project on the specifics of using the popular component library with React 19 generally, though with a slight emphasis on Next.js 15. - https://ui.shadcn.com/docs/react-19
#react
Shadcn
Next.js 15 + React 19
Using shadcn/ui with Next.js 15 and React 19.
Introducing Express v5: The Official Express v5 Release Post
We first spied the release of Express.js v5 over a month ago but now we get an official release post that tidies up a lot of loose ends and explains the broad plan. For now, v5 is considered a bleeding edge release with work still required in areas of security and overall process, but things are broadly progressing well. - https://expressjs.com/2024/10/15/v5-release.html
#nodejs
We first spied the release of Express.js v5 over a month ago but now we get an official release post that tidies up a lot of loose ends and explains the broad plan. For now, v5 is considered a bleeding edge release with work still required in areas of security and overall process, but things are broadly progressing well. - https://expressjs.com/2024/10/15/v5-release.html
#nodejs
Expressjs
Introducing Express v5: A New Era for the Node.js Framework
Announcing the release of Express version 5
Redirects in Nuxt 3
This video demonstrates how to build custom redirects in Nuxt 3, covering both simple and complex redirect scenarios. It explores the use of route rules and Nitro middleware for creating redirects. - https://www.youtube.com/watch?v=ALQcCDEusjI
#vue
This video demonstrates how to build custom redirects in Nuxt 3, covering both simple and complex redirect scenarios. It explores the use of route rules and Nitro middleware for creating redirects. - https://www.youtube.com/watch?v=ALQcCDEusjI
#vue
YouTube
Redirects in Nuxt 3
Redirects are essential for web applications, at least at some point when a migration has to happen or SEO should be improved by having more descriptive URLs.
#nuxt #vue
---
Links and Resources:
🔗 10% Off for vuejs.de Conf with Code LICHTER https://c…
#nuxt #vue
---
Links and Resources:
🔗 10% Off for vuejs.de Conf with Code LICHTER https://c…
Split Effects with no Content Duplication
Ana Tudor explains in detail how to create a split effect without content duplication. - https://frontendmasters.com/blog/split-effects-with-no-content-duplication
#css
Ana Tudor explains in detail how to create a split effect without content duplication. - https://frontendmasters.com/blog/split-effects-with-no-content-duplication
#css
Frontendmasters
Split Effects with no Content Duplication – Frontend Masters Boost
The `clip-path` property with the `inset()` shape makes for some cool design opportunities. Here we'll expand on some existing ideas, improving them by not requiring any content duplication.
Understand the Theory behind Clean Architecture
What is Clean Architecture and why it’s desperately needed - https://levelup.gitconnected.com/understand-the-theory-behind-clean-architecture-4d4b4e9bfcb3
#architecture
What is Clean Architecture and why it’s desperately needed - https://levelup.gitconnected.com/understand-the-theory-behind-clean-architecture-4d4b4e9bfcb3
#architecture
Medium
Understand the Theory behind Clean Architecture
What is Clean Architecture and why it’s desperately needed
Next.js' Journey with Caching
A description of a new experimental (aimed at those who are “feeling adventurous” for now) mode that builds on just two concepts: Suspense and use cache. - https://nextjs.org/blog/our-journey-with-caching
#react
A description of a new experimental (aimed at those who are “feeling adventurous” for now) mode that builds on just two concepts: Suspense and use cache. - https://nextjs.org/blog/our-journey-with-caching
#react
nextjs.org
Our Journey with Caching
Learn about our journey with caching in Next.js App Router.
Angular: A real and simple use-case for understanding HttpContext and its…
Have you faced this scenario, where you want to perform actions like caching, not showing spinners, tracking… - https://javascript.plainenglish.io/angular-a-real-and-simple-use-case-for-understanding-httpcontext-and-its-alternative-in-lower-65dc1ceeeaa4
#angular
Have you faced this scenario, where you want to perform actions like caching, not showing spinners, tracking… - https://javascript.plainenglish.io/angular-a-real-and-simple-use-case-for-understanding-httpcontext-and-its-alternative-in-lower-65dc1ceeeaa4
#angular
Medium
Angular: A real and simple use-case for understanding HttpContext and its alternative in lower…
Have you faced this scenario, where you want to perform actions like caching, not showing spinners, tracking errors etc for all…
How Top-Level await Could Break Compatibility
Node 23 makes it possible to load ES modules transparently with require which is great, but.. only if the module being loaded isn’t using top-level await. One for package creators to think carefully about before backwards compatibility issues creep in! - https://evertpot.com/using-top-level-await-is-bc-break/
#nodejs
Node 23 makes it possible to load ES modules transparently with require which is great, but.. only if the module being loaded isn’t using top-level await. One for package creators to think carefully about before backwards compatibility issues creep in! - https://evertpot.com/using-top-level-await-is-bc-break/
#nodejs
Evertpot
In the future using top-level await might be cause a backwards compatibility break in Node
API Design: From Basics to Best Practices - https://blog.devgenius.io/api-design-from-basics-to-best-practices-49bbb29cf696
#api
#api
Medium
API Design: From Basics to Best Practices
Introduction
Best Practices for Fetching Data in Vue.js
Fetching data in Vue.js applications is a common task. By following best practices, we can make your code more efficient, maintainable, and robust. Here are some of the best practices and common ways for fetching data in Vue.js used by almost all Vue developers. - https://blog.jobins.jp/best-practices-for-fetching-data-in-vuejs
#vue
Fetching data in Vue.js applications is a common task. By following best practices, we can make your code more efficient, maintainable, and robust. Here are some of the best practices and common ways for fetching data in Vue.js used by almost all Vue developers. - https://blog.jobins.jp/best-practices-for-fetching-data-in-vuejs
#vue
JoBins Engineering
Best Practices for Fetching Data
The best practices and common ways for fetching data in Vue.js
An Abridged History of Safari Showstoppers
Roderick Gadellaa outlines some challenges developers face when working with Safari. - https://webventures.rejh.nl/blog/2024/history-of-safari-show-stoppers
#css
Roderick Gadellaa outlines some challenges developers face when working with Safari. - https://webventures.rejh.nl/blog/2024/history-of-safari-show-stoppers
#css
Webventures
An Abridged History of Safari Showstoppers - Webventures
TL;DR: iOS Safari is more than an inconvenience for developers, it's the fundamental reason interoperability has been stymied in...
Angular Architecture for Large Web Applications
Optimizing monolithic Angular projects with libraries using Nx. - https://albertobasalo.medium.com/optimizing-the-architecture-of-large-web-applications-with-angular-79d03b01a92b
#angular
Optimizing monolithic Angular projects with libraries using Nx. - https://albertobasalo.medium.com/optimizing-the-architecture-of-large-web-applications-with-angular-79d03b01a92b
#angular
Medium
Angular Architecture for Large Web Applications
Optimizing monolithic Angular projects with libraries using Nx.
Building an Image Search App with OpenAI CLIP, Postgres & React
A tutorial that brings together a lot of ideas in one place. CLIP is used to turn images into text descriptions. Postgres is used as a vector database. JavaScript provides the glue for both the frontend (with React) and backend (Node.js). - https://www.timescale.com/blog/how-to-build-an-image-search-application-with-openai-clip-postgresql-in-javascript/
#react
A tutorial that brings together a lot of ideas in one place. CLIP is used to turn images into text descriptions. Postgres is used as a vector database. JavaScript provides the glue for both the frontend (with React) and backend (Node.js). - https://www.timescale.com/blog/how-to-build-an-image-search-application-with-openai-clip-postgresql-in-javascript/
#react
Timescale Blog
How to Build an Image Search Application With OpenAI CLIP & PostgreSQL in JavaScript
See how you can build an image search engine using OpenAI CLIP and PostgreSQL for numerous applications, from e-commerce to healthcare and augmented reality.
The Story of the Hono Web Framework
Hono is a lightweight framework designed to run on any JavaScript runtime that's been picking up steam in the past year. With it, you can create an app in a Express-like style but run it on Cloudflare Workers, Deno, Bun, or Node. - https://blog.cloudflare.com/the-story-of-web-framework-hono-from-the-creator-of-hono/
#nodejs
Hono is a lightweight framework designed to run on any JavaScript runtime that's been picking up steam in the past year. With it, you can create an app in a Express-like style but run it on Cloudflare Workers, Deno, Bun, or Node. - https://blog.cloudflare.com/the-story-of-web-framework-hono-from-the-creator-of-hono/
#nodejs
The Cloudflare Blog
The story of web framework Hono, from the creator of Hono
Hono is a web framework that is fast, lightweight, and built using the Web Standards API. Hear the story of Hono by the creator of Hono.
Automating Releases and Publishing with Nx Release
With Nx Release, you can automate releases and publish packages in monorepos, streamlining your development… - https://medium.com/techleads-diary/automating-releases-and-publishing-with-nx-release-864a430940cd
#nx
With Nx Release, you can automate releases and publish packages in monorepos, streamlining your development… - https://medium.com/techleads-diary/automating-releases-and-publishing-with-nx-release-864a430940cd
#nx
Medium
Automating Releases and Publishing with Nx Release
With Nx Release, you can automate releases and publish packages in monorepos, streamlining your development process.
Dynamic Numbering with CSS Counters
Kevin Powell demonstrates how powerful CSS Counters can be. - https://www.youtube.com/watch?v=tnSzkAiiQ4w
#css
Kevin Powell demonstrates how powerful CSS Counters can be. - https://www.youtube.com/watch?v=tnSzkAiiQ4w
#css
YouTube
Dynamic numbering with CSS counters
Looking to step up your CSS? https://kevinpowell.co/courses
CSS Counters are one of those things a lot of people aren't aware of, and most people who do know about them don't realize all the things you can do with them!
Get a YT membership: Join this channel…
CSS Counters are one of those things a lot of people aren't aware of, and most people who do know about them don't realize all the things you can do with them!
Get a YT membership: Join this channel…
How can I integrate Vue.js into an existing Shopify theme?
Here’s a step-by-step guide with code examples for integrating Vue.js into an existing Shopify theme. - https://dev.to/sdlc_corp/how-can-i-integrate-vuejs-into-an-existing-shopify-theme-3jp0
#vue
Here’s a step-by-step guide with code examples for integrating Vue.js into an existing Shopify theme. - https://dev.to/sdlc_corp/how-can-i-integrate-vuejs-into-an-existing-shopify-theme-3jp0
#vue
DEV Community
How can I integrate Vue.js into an existing Shopify theme?
Integrating Vue.js into an existing Shopify theme involves several steps. Here's a step-by-step guide...
Architecting Angular: Part 3 — Effortless Data Mocking
Seamless mocking, rock-solid tests, and a smoother Angular development experience with Mock Service Worker. - https://itnext.io/architecting-angular-part-3-effortless-data-mocking-b7ba690f4331
#angular
Seamless mocking, rock-solid tests, and a smoother Angular development experience with Mock Service Worker. - https://itnext.io/architecting-angular-part-3-effortless-data-mocking-b7ba690f4331
#angular
Medium
Architecting Angular: Part 3 — Effortless Data Mocking
Seamless mocking, rock-solid tests, and a smoother Angular development experience with Mock Service Worker.
Why I’m Skeptical of Rewriting JavaScript Tools in “Faster” Languages
Rewriting common JavaScript infrastructure / build tools in ‘faster’ languages like Rust, Zig or Go has become popular in the past few years, but is it really necessary, asks Nolan? - https://nolanlawson.com/2024/10/20/why-im-skeptical-of-rewriting-javascript-tools-in-faster-languages/
#nodejs
Rewriting common JavaScript infrastructure / build tools in ‘faster’ languages like Rust, Zig or Go has become popular in the past few years, but is it really necessary, asks Nolan? - https://nolanlawson.com/2024/10/20/why-im-skeptical-of-rewriting-javascript-tools-in-faster-languages/
#nodejs
Read the Tea Leaves
Why I’m skeptical of rewriting JavaScript tools in “faster” languages
I’ve written a lot of JavaScript. I like JavaScript. And more importantly, I’ve built up a set of skills in understanding, optimizing, and debugging JavaScript that I’m reluctant …