🛠️ Hướng dẫn kết nối xác thực Cookie‑HTTP‑Only trong SSR (TanStack Start) với API NestJS bảo vệ bằng JWT: SSR trích JWT từ cookie, chuyển vào header Authorization → API an toàn, không để token tiếp cận JS.
✅ Cookie HttpOnly ngăn XSS
✅ SSR là cầu nối auth
❌ Không truy cập cookie từ client, không truyền JWT qua props
#SSR #JWT #NestJS #TanStack #WebDev #phát_triển_web #bảo_mật #JavaScript #API 🚀
https://dev.to/rihdusr/bridging-cookie-based-ssr-authentication-in-tanstack-start-with-jwt-
Built an app to learn Hiragana.
A gamified approach to that gradually introduces characters.
As I'm currently in Osaka I can use my own app well :) Hoping to make learning Japanese more fun.
👉 app.tolearnjapanese.com
#japanese #hiragana #buildinpublic #webdev #devlog #languagelearning #indiedev
<script>
Used to embed executable code or data; this is typically used to embed or refer to JavaScript code.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script
SXO – Công cụ JSX hiệu suất cao, hoạt động trên Node.js, Bun, Deno và Cloudflare Workers. Cung cấp SXOUI, thư viện UI tương tự shadcn/ui. Đáng chú ý cho phát triển server-side linh hoạt.
#JSX #NodeJS #Deno #WebDev #CôngNghẹMới #SXE #Frontend #Backend #PhátTriểnWeb #TechNews
(Dưới 500 ký tự, không URL)
https://www.reddit.com/r/opensource/comments/1pkml26/sxo_highperformance_serverside_jsx/
Well, it's time for me to learn a new web technology. Since React keeps getting more dangerous.
https://linuxallday.com/things-to-do-after-installing-elementary-os-8/
Just installed Linux? Follow this engineering-grade checklist to secure, customize, and optimize your elementary OS 8 setup for daily use.
#elementaryos #linux #opensource #optimization #privacy #security #foss #coding #programming #webdev
»RSL 1.0 (Really Simple Licensing) statt robots.txt — Neuer Standard für Internet-Inhalte:
Ein neuer Standard, um Inhalte im Internet zu schützen. RSL wird von Akteuren wie Verlagen und der Werbebranche unterstützt.«
Ich erfahre davon erst jetzt - mal sehen wie weit dies nützlich ist und allgemein Webinhalte schützt oder nur wieder die kommerzielle Daten.
👉 https://www.heise.de/news/RSL-1-0-Standard-soll-Verwendung-von-Inhalten-regeln-11111422.html
#rsl #copyright #robotstxt #webdev #web #realsimplelicensing #webstandards #standart #internet #verlage #werbung
#Development #Explorations
Thoughts on native CSS mixins · What they might mean for front-end developers https://ilo.im/1693wl
_____
#CssMixins #CssFunctions #CustomProperties #Sass #W3C #WebStandards #Browser #WebDev #Frontend #CSS
Visibility settings on social platforms can be confusing. I wanted to see if we could make Mastodon's a bit clearer by rethinking the UI modal.
By using chips instead of dropdowns, we can use standard interaction patterns to make the 'who can see this' decision instant rather than a multi-click process. Small details, but they add up. Thoughts?
Here is the experiment: https://thatshubham.com/blog/mastodon
#A11y #Design #Mastodon #UserExperience #WebDev #Frontend #ProductManagement #Feedback #art #Programming #UXResearch
An SVG is all you need
SVG can do that?! - talk by Sarah Drasner
📌 Hướng dẫn nhanh triển khai website FastAPI trên Raspberry Pi: cài đặt Python, tạo venv/Poetry, chạy Gunicorn + Uvicorn, cấu hình systemd để tự khởi động, thiết lập Nginx làm reverse‑proxy, bật SSL via Certbot, và tùy chọn Cloudflare Tunnel cho IP động. Hoàn chỉnh, website chạy 24/7 trên subdomain! #RaspberryPi #FastAPI #Nginx #SSL #Hosting #WebDev #CôngNghệ
https://dev.to/1amkaizen/panduan-hosting-website-di-raspberry-pi-subdomain-2pe
Closures trong JavaScript cho phép hàm “nhớ” biến môi trường nơi nó được tạo, tạo private state và mô hình module. Nhờ lexical scope, hàm trả về (counter, greeter, account) vẫn truy cập biến ngoài ngay cả khi hàm cha đã hết. Sử dụng let trong vòng lặp tránh bug var chung biến. #JavaScript #Closures #LậpTrình #WebDev #Programming #Coding
https://dev.to/aaron_rose_0787cc8b4775a0/the-secret-life-of-javascript-understanding-closures-40if
I swapped the "About" page on my freelancing website for a "Principles" one. A little high and mighty for a one-person software shop? Maybe! But in any case, here's what it says:
https://chobble.com/principles/
This business works to a set of straightforward principles:
- Transparency: No secrets are kept from customers. The tools they rely on are theirs to keep.
- Honesty: If you don't need my services or another provider would suit you better, I'll tell you.
- Own, not rent: My income should come from doing work, not from charging rent.
- Fair prices: My prices are flat for all jobs and are set at the market rate for an experienced freelance programmer with a 50% discount for charities, cooperatives, and artists.
- Freedom: Customers have full control of their data and can move it to any provider.
- No harmful industries: I will not participate in the exploitation of humans or animals.
The goal of these principles is to encourage customers to choose Chobble based on the quality of its work. This might sound like a strange thing to have to spell out, but it's actually quite different from what many tech companies do:
- Locking you in with contracts
- Hiding the inner workings from you
- Making it hard to move which holds your data hostage
- Ratcheting up the ongoing costs
- Taking a cut of your profits
- Providing the minimal level of service to not lose your custom
Chobble was founded to try and create a sustainable tech business that doesn't fall into any of these bad habits. And by writing these principles out in public, I make it easier for customers and potential customers to hold me to them.
For a deep dive into the -isms behind Chobble, you might want to read the Wikipedia pages for [Utilitarianism](https://en.wikipedia.org/wiki/Utilitarianism) and [Anarchism](https://en.wikipedia.org/wiki/Anarchism).
#Development #Explainers
When square pixels aren’t square · Why a video’s stored resolution can fool web sizing https://ilo.im/168xm7
_____
#Pixels #AspectRatios #Videos #WebDev #Frontend #HTML #Backend #Python
SVG can do that?! - talk by Sarah Drasner
Tôi đã học và ứng dụng **Astro** - framework web giúp xây dựng trang cá nhân, blog, và landing page nhanh chóng. Portfolio & dự án side project đã được nâng cấp để tối ưu hiệu năng và tính hiện đại! Sắp thử nghiệm trên SaaS landing page. Bạn đã thử Astro hoặc công nghệ mới gần đây chưa? 🚀 #webdev #Astro #portfolio #SaaS #TechUpdate
https://www.reddit.com/r/SaaS/comments/1pkajkw/learned_a_new_technology_and_used_it_to_update_my/
Hemen Hesap – Giải pháp minh bạch hoá thuế, lương với Next.js 14. Dùng App Router, Lucide React và Atomic Design để tối ưu UX. Nổi bật thuật toán "smartRound" chống sai số JS, dữ liệu JSON tĩnh cập nhật nhanh tỷ lệ thuế. Cải thiện SEO qua metadata động, schema.org. Kế hoạch: Xuất PDF, đa ngôn ngữ & API công nghệ. #NextJS #WebDev #FinTech #SEO #JavaScript #HemenHesap #CôngNghệWeb #TàiChínhSổTay #TiếngViệt
*(Note: News is in Turkish, translated to Vietnamese with focus on Next.js 14, financial
Where do I go and who do I ask about adding absolute lengths to scroll-driven animation keyframes? I want to do an animation based on the pixels scrolled, not the percentage of the entire scrollable. Odd to me that this wasn't done; surely that use-case came up? Maybe it's technically difficult or non-performant.
Cursor just narrowed the gap between “idea in your head” and “UI in your app.”
The new visual editor for the Cursor Browser lets you:
- Rearrange layout with drag & drop on live DOM elements
- Surface React props in a sidebar to test component variants
- Adjust flexbox, grids, & typography with visual controls
- Point at elements & prompt agents to apply changes in seconds.
This is what it looks like when IDE, browser, and AI agents converge.
