Build a Full Stack Apple Notes Web App with Auth & Nuxt 3
In this video, you'll learn how to build your own version of Apple Notes with Nuxt. - https://www.youtube.com/watch?v=JTAo08f74GA
#vue
In this video, you'll learn how to build your own version of Apple Notes with Nuxt. - https://www.youtube.com/watch?v=JTAo08f74GA
#vue
YouTube
Build a Full Stack Apple Notes Web App with Auth & Nuxt 3
The first 500 people to use my link https://skl.sh/chriscourses11241 will get a 1 month free trial of Skillshare premium!
Figma File: https://www.figma.com/design/uFsk0a2s9SIOGaTU8o5MUy/NoteNest
GitHub Source Code: https://github.com/chriscourses/notenest…
Figma File: https://www.figma.com/design/uFsk0a2s9SIOGaTU8o5MUy/NoteNest
GitHub Source Code: https://github.com/chriscourses/notenest…
👍1🔥1
How to Create an NPM Package in 2025
One of JavaScript’s most essential tasks, but one with numerous steps involved if you want to follow best practices, integrate useful tools, and get things just right. Matt Pocock rounds up the overall process and, notably, drops CommonJS in this 2025 update. - https://www.totaltypescript.com/how-to-create-an-npm-package
#nodejs
One of JavaScript’s most essential tasks, but one with numerous steps involved if you want to follow best practices, integrate useful tools, and get things just right. Matt Pocock rounds up the overall process and, notably, drops CommonJS in this 2025 update. - https://www.totaltypescript.com/how-to-create-an-npm-package
#nodejs
Total TypeScript
How To Create An NPM Package
Learn how to publish a package to npm with a complete setup including, TypeScript, Prettier, Vitest, GitHub Actions, and versioning with Changesets.
👍2
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
#architecture
Technology-agnostic design for high-throughput… - https://readmedium.com/system-architecture-deep-dive-into-1m-rps-api-design-fa5b5a01e6f4
#architecture
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
Server and Client Component Composition in Practice - https://aurorascharff.no/posts/server-client-component-composition-in-practice/
#react
#react
aurorascharff.no
Server and Client Component Composition in Practice | Aurora Scharff
In this blog post, I will show you how to compose client and server components effectively in React. We will explore patterns for keeping responsibilities clear, optimizing performance, and creating reusable components.
👍4
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
Top AI Tools for Developers
In this article, you’ll explore how you can gain a competitive edge by incorporating AI development tools into your workflow. - https://medium.com/vue-mastery/top-ai-tools-for-developers-b598235f1f18
#ai
In this article, you’ll explore how you can gain a competitive edge by incorporating AI development tools into your workflow. - https://medium.com/vue-mastery/top-ai-tools-for-developers-b598235f1f18
#ai
Medium
Top AI Tools for Developers
Discover how AI tools enhance developer productivity, streamline workflows, and empower innovation in the tech landscape.
👍2🍌1
Endor: Add Services (Like Postgres) as Node Dependencies
A curious new effort to make it possible to spin up quick, sandboxed environments and servers, covering things like Postgres, MariaDB and Valkey, with a simple npm install and endor run. - https://endor.dev/blog/node-postgres
#nodejs
A curious new effort to make it possible to spin up quick, sandboxed environments and servers, covering things like Postgres, MariaDB and Valkey, with a simple npm install and endor run. - https://endor.dev/blog/node-postgres
#nodejs
endor.dev
Add services (like Postgres) as Node dependencies
Learn how to run Postgres, MariaDB, and Redis as npm dependencies using Endor. No Docker needed - just npm install and start coding on any OS.
👍1
Nuxt Server Routes: Build a Full-Stack App with Zero Backend
In this article, you'll dive into what Nuxt server routes are.
Learn why they feel magical, and how to build a simple full-stack app that talks directly to a database — no separate server needed. - https://dev.to/jacobandrewsky/nuxt-server-routes-build-a-full-stack-app-with-zero-backend-bp9
#vue
In this article, you'll dive into what Nuxt server routes are.
Learn why they feel magical, and how to build a simple full-stack app that talks directly to a database — no separate server needed. - https://dev.to/jacobandrewsky/nuxt-server-routes-build-a-full-stack-app-with-zero-backend-bp9
#vue
DEV Community
Nuxt Server Routes: Build a Full-Stack App with Zero Backend
When people hear "full-stack," they usually think of a separate frontend and backend applications....
❤1👍1
Angular 18 vs Angular 19: 7 Standout Features Every Developer Must Explore
Angular has been a cornerstone for web application… - https://yogeshraghav3043.medium.com/angular-18-vs-angular-19-7-standout-features-every-developer-must-explore-811f5d81913a
#angular
Angular has been a cornerstone for web application… - https://yogeshraghav3043.medium.com/angular-18-vs-angular-19-7-standout-features-every-developer-must-explore-811f5d81913a
#angular
Medium
Angular 18 vs Angular 19: 7 Standout Features Every Developer Must Explore
Angular has been a cornerstone for web application development. With Angular 19, it the developer experience, performance, and feature set…
👍1
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
React ChatBotify: React Library for Building Chatbot Systems
A platform and library for building modern chatbot tools for the Web. Supports React 16-19. It also has its own Discord community with a few hundred developers. - https://github.com/react-chatbotify/react-chatbotify
#react
A platform and library for building modern chatbot tools for the Web. Supports React 16-19. It also has its own Discord community with a few hundred developers. - https://github.com/react-chatbotify/react-chatbotify
#react
GitHub
GitHub - react-chatbotify/react-chatbotify: A modern React library for creating flexible and extensible chatbots.
A modern React library for creating flexible and extensible chatbots. - react-chatbotify/react-chatbotify
1👍5
How to Use Pinia for State Management in Vue
In this article, you’ll learn how to use Pinia to manage application state in a Vue 3 project — from installation to real-world usage. - https://dev.to/jacobandrewsky/how-to-use-pinia-for-state-management-in-vue-535
#vue
In this article, you’ll learn how to use Pinia to manage application state in a Vue 3 project — from installation to real-world usage. - https://dev.to/jacobandrewsky/how-to-use-pinia-for-state-management-in-vue-535
#vue
DEV Community
How to Use Pinia for State Management in Vue
State management is a critical part of building modern front-end applications. If you've worked with...
❤3👍1
Caching API Requests in Angular : Better , Faster and Stronger
In modern web applications, frequent API requests can… - https://mohanbyte.medium.com/caching-api-requests-in-angular-better-faster-and-stronger-b3aa7c675be4
#angular
In modern web applications, frequent API requests can… - https://mohanbyte.medium.com/caching-api-requests-in-angular-better-faster-and-stronger-b3aa7c675be4
#angular
Medium
Caching API Requests in Angular : Better , Faster and Stronger
In modern web applications, frequent API requests can lead to increased server load and slower user experiences. By implementing efficient…
👍1
Can We Use Local Storage Instead of Context/Redux/Zustand?
Sometimes the built-in localStorage browser API can be just enough. Nadia figures out when it makes sense and when it doesn’t. - https://www.developerway.com/posts/local-storage-instead-of-context
#react
Sometimes the built-in localStorage browser API can be just enough. Nadia figures out when it makes sense and when it doesn’t. - https://www.developerway.com/posts/local-storage-instead-of-context
#react
Developerway
Can We Use Local Storage Instead of Context-Redux-Zustand?
Why do we need Context/Redux/Zustand in React, what is the purpose of Local Storage, its limitations, and when to use it.
👍5
So many ranges, so little time: A cheatsheet of animation-ranges for your next scroll-driven animation
Saron Yitbarek explains everything you need to know about animation-ranges in scroll-driven animations. - https://webkit.org/blog/17184/so-many-ranges-so-little-time-a-cheatsheet-of-animation-ranges-for-your-next-scroll-driven-animation
#css
Saron Yitbarek explains everything you need to know about animation-ranges in scroll-driven animations. - https://webkit.org/blog/17184/so-many-ranges-so-little-time-a-cheatsheet-of-animation-ranges-for-your-next-scroll-driven-animation
#css
WebKit
So many ranges, so little time: A cheatsheet of animation-ranges for your next scroll-driven animation
Background If you’re new to scroll-driven animations, welcome!
👍1
Vue.js: Propagating Props Like a Pro
Probably the cleanest way to forward base props from a wrapper component in Vue. - https://hackernoon.com/vuejs-propagating-props-like-a-pro
#vue
Probably the cleanest way to forward base props from a wrapper component in Vue. - https://hackernoon.com/vuejs-propagating-props-like-a-pro
#vue
Hackernoon
Vue.js: Propagating Props Like a Pro
Probably the cleanest way to forward base props from a wrapper component in Vue.js
❤3👍1
The Node Developer's Guide to Unix Domain Sockets
The TLDR: “Unix domain sockets deliver ~50% lower latency than TCP loopback for Node.js IPC.” - https://nodevibe.substack.com/p/the-nodejs-developers-guide-to-unix
#nodejs
The TLDR: “Unix domain sockets deliver ~50% lower latency than TCP loopback for Node.js IPC.” - https://nodevibe.substack.com/p/the-nodejs-developers-guide-to-unix
#nodejs
Substack
The Node.js Developer's Guide to Unix Domain Sockets: 50% Lower Latency Than TCP loopback
Links that I found interesting this week:
👍1
Mastering tsconfig.json Optimizations for Angular Projects
Unlock the full potential of Angular with a perfectly… - https://javascript.plainenglish.io/mastering-tsconfig-json-optimizations-for-angular-projects-6973fb6f4408
#angular
Unlock the full potential of Angular with a perfectly… - https://javascript.plainenglish.io/mastering-tsconfig-json-optimizations-for-angular-projects-6973fb6f4408
#angular
Medium
Mastering tsconfig.json Optimizations for Angular Projects
Unlock the full potential of Angular with a perfectly tuned tsconfig.json. Discover advanced techniques to improve build performance…
❤2👍1
Streamdown: A Drop-In react-markdown Replacement That Supports Streaming
react-markdown is great for rendering Markdown, but if you have to handle live-streaming content (such as in AI contexts), Vercel’s new project could offer the power you need - https://streamdown.ai/
#react
react-markdown is great for rendering Markdown, but if you have to handle live-streaming content (such as in AI contexts), Vercel’s new project could offer the power you need - https://streamdown.ai/
#react
streamdown.ai
A drop-in replacement for react-markdown, designed for AI-powered streaming.
👍2❤1