Работа над ошибками. Как я ускорял Next.js приложение. React Compiler, Redis и многослойное кеширование

Как заставить летать список из 5000+ товаров на странице? Нативный рендер кладёт вкладку, а все базовые оптимизации уже сделаны. Разбираем послойно: внедрение React Compiler (React 19), виртуализация через TanStack, гибридное кэширование (Redis + unstable_cache) и архитектура работы с анонимными пользователями без лишних запросов к БД. Работа над ошибками, которая ускорила проект в разы. Как я ускорял Next.js

https://habr.com/ru/articles/994514/

#оптимизация_сайта #nextjs #reactjs

🏛️ Building Revela: Architecture (Part 1)

Starting a 4-part series on building a curated art auction platform. Part 1 covers the tech stack and architectural decisions.

Read: hyperdrift.io/blog/revela-part-1-architecture

#webdev #nextjs #architecture

Next.js has two critical bugs that make it troublesome when developing in a non-Tailwind project.

I recently encountered them and spent much time trying to make my project work again, but failed.

When I browsed the issues, I found that I was not alone.

#79531: https://github.com/vercel/next.js/issues/79531
#83941: https://github.com/vercel/next.js/issues/83941

#vercel #nextjs #tailwindcss #webpack #turbopack #css #csslayers

Aiden Bai (@aidenybai)

작성자는 코딩 에이전트 덕분에 사이드 프로젝트를 많이 시작하고 완료할 수 있게 됐다며 현재 개발 스택을 공유합니다. 패키지 매니저로 pnpm(혹은 임시 스크립트에 bun), 웹사이트는 next.js, 테스트 환경으로 vite, 코드 품질 검사에 oxc, 번들러로 tsup을 사용한다고 소개합니다.

https://x.com/aidenybai/status/2019686344252092663

#codingagents #pnpm #nextjs #vite #tsup

AG-UI. Как написать AI ассистента для подбора подарков за 20 минут

Всем привет! Я Никита, Principal Engineer в стартапе AG2 , мейнтейнер одноименного фреймворка для разработки AI агентов ( AG2 ), автор фреймворка FastStream и просто опенсорс и AI энтузиаст. И, как любой разработчик, я иногда запускаю пет-проекты. Один из таких проектов, который я запустил после новогодних праздников - это AI ассистент по подбору подарков (с интегрированным вишлистом)

https://habr.com/ru/articles/992866/

#pydanticai #copilotkit #llm #agents #python #nextjs #ag2

Crypgo is a modern, dark-themed #shadcn landing page designed for crypto & Web3 products.
Built for the future of finance.

🛠 Made with Next.js, #React & #Tailwind CSS

🔗 https://shadcnspace.com/templates/crypgo

#WebDesign #Web3 #Crypto #NextJS #TailwindCSS #shadcnui #shadcntemplates

UI library giao diện tối, xây dựng bằng NextJS và Framer Motion, đang được bán lại sau khi dự án bị hủy. Thích hợp cho dev muốn tích hợp thư viện media hiện đại. #UI #NextJS #FramerMotion #darkmode #pháttriển #web

https://www.reddit.com/r/SaaS/comments/1qt223r/client_cancelled_so_im_selling_the_ui_a_clean/

🚀 Giới thiệu PropelKit – boilerplate SaaS Next.js (v15) dành cho India, tích hợp hệ thống “Phase Locking” 23 giai đoạn (Auth, Payments, Listings…). AI không thể chỉnh sửa phase chưa được kiểm chứng; mỗi phase chạy test tự động. Stack: Next.js 15, Supabase, Razorpay, Inngest. 🎁 Đề nghị Founding Partner: 10 nhà phát triển đầu tiên nhận license miễn phí $110, đổi lại phản hồi và triển khai dự án. #SaaS #Nextjs #PropelKit #AI #Dev #CôngNghệ #PhátTriển

https://www.reddit.com/r/SideProject/comments

"Next.js + shadcn template với nhiều themes, dành cho dự án nhỏ gọn. Tác giả kêu gọi góp ý từ cộng đồng. #Nextjs #shadcn #webdev #tiềnđềweb #lậptrình"

https://www.reddit.com/r/SideProject/comments/1qspim4/built_a_nextjs_shadcn_starter_with_multiple_themes/

🚀 App sổ tay số dành riêng cho người ADHD - Giải pháp giảm cảm giác tội lỗi khi quản lý công việc!

🌟 Tính năng nổi bật:
• Wizard chuyển đổi công việc linh hoạt
• Khối thời gian linh hoạt (buổi sáng/chiều/tối)
• Ghi nhớ nhanh 2 giây
• AI trợ lý Echo phân rã công việc

🎁 Tải miễn phí dashboard chỉ cần kết nối Capacitor & Next.js | Cộng đồng chia sẻ cảm xúc RSD

#ADHD #DigitalBuJo #SảnPhẩmMới #HỗTrợMentalHealth #NoRegretPlanning #KhoaHocMáyTính #SideProject #NextJs #Capacitor #AIA

단순한 파일이 정교한 도구를 이긴다, AGENTS.md가 Skills보다 47%p 우수

https://aisparkup.com/posts/8796

Tạo trang màu AI trong 30 ngày! Nhập yêu cầu → Nhận trang màu in trong 10 giây #AI #TrangMau #ColoringPage #NextJS #StableDiffusion #Tech #CongNghe #TrangMauAI

https://www.reddit.com/r/SideProject/comments/1qrb9v3/built_an_ai_coloring_page_generator_in_30_days_90/

Next.js 평가에서 AGENTS.md에 압축된 8KB 문서 인덱스를 넣은 방식이 스킬 기반 접근보다 우수했습니다. AGENTS.md는 빌드/린트/테스트에서 100% 통과, 스킬은 명시 지시 시 79%, 기본은 53%였습니다. 이유: 조회 결정 지점 제거·항상 사용 가능·순서 문제 없음. .next-docs 다운로드·인덱스 주입은 npx @next/codemod@canary agents-md로 자동화됩니다. 권장: 문서 인덱스는 압축해 AGENTS.md에 포함하고 스킬은 특정 작업용으로 보완 사용하세요.

https://vercel.com/blog/agents-md-outperforms-skills-in-our-agent-evals

#nextjs #agents #docs #ai #developertools

Cách triển khai Programmatic SEO hiệu quả không phải là tạo nội dung rác hàng loạt, mà là xây dựng kho nội dung quy mô lớn giải quyết triệt để mọi thực thể (entities) trong một chủ đề.

Quy trình tối ưu:
1. Tìm từ khóa: Dùng Ahrefs lọc KD < 10, nhắm vào các niche đối thủ DR thấp đang đứng top.
2. Tự động hóa: Kết hợp n8n và Google Gemini để tạo nội dung Markdown (.mdx).
3. Cấu trúc: Sử dụng Next.js và Frontmatter để kiểm soát layout, tối ưu E-A-T và UX.

#SEO #DigitalMarketing #AI #n8n #NextJS

I guess at this point, #nextjs could well be responsible for 50% of the CVEs created -.- #webdev

🚀 [Tin Tức] Một Kỹ sư Blockchain Cao cấp vừa ra mắt trang web cá nhân ấn tượng với SEO 100/100, hiệu năng 95+ (Next.js & Tailwind) và giao diện Terminal phong cách. Thêm mới YouTube hướng dẫn và blog kỹ thuật. Nhanh, tối giản & mở cho khám phá. #WebDevelopment #Blockchain #SEO #NextJS #TailwindCSS #VietnamTech #DevCommunity

https://www.reddit.com/r/SideProject/comments/1qqf8p9/just_made_an_awesome_profile_webisite/

Ứng dụng Next.js + Supabase gặp trễ tải trang khi dữ liệu tăng. Tác giả sử dụng báo cáo truy vấn chậm của Supabase, nhờ GPT-5.2 Codex phân tích, phát hiện thiếu index và hàng loạt yêu cầu liên tiếp. Ghép nhiều request thành 1 hàm RPC, thời gian từ ~1s → <100ms. Đừng thay thế tri thức DB, nhưng LLM giúp định vị nhanh "điểm nghẽn". 🔨 #Supabase #NextJS #GPT #TốiƯuHóa #TríTuệNhânTạo #LậpTrình #Performance #DevTips

https://www.reddit.com/r/SaaS/comments/1qqacnk/using_supabase_slow_query_reports_llm

Open-Source AI Фитнес-Тренер: 27 MCP-инструментов, 3 провайдера и граф упражнений

Выделили из production-проекта и открыли в open-source PWA-приложение для персонального фитнес-тренера с AI. Дисклеймер: это open source, в нем могут быть недостатки, заходите, предлагайте идеи, исправления. Публикую тут в ознакомительных и образовательных целях. Выпилил этот кусок в open source из части личного проекта, о котором писал тут . Весь код писал полностью Claude Code на Opus 4.5 с thinking режимом. Обсудить

https://habr.com/ru/articles/990694/

#python #fastapi #llm #chatgpt #claude #nextjs #pwa #opensource #fitness #rag

This week I have FINALLY finished a massive update for my website after one year of development 😱 It was mostly on-and-off, but with a few stretches of continuous hard work. This resulted in a complete rewrite of the backend (❌ Nest JS API ✅ #NextJS server functions), switching to Better Auth, replacing Mongo DB with #Supabase and more. I'm super happy with the result. I'll be sharing more insights soon, and you can read about it here:

https://cubingcontests.com/posts/the-big-update

#coding #webdev #React #javascript

Remote is hiring Senior Frontend Engineer

🔧 #nextjs #react #api #aws #cicd #postgresql #seniorengineer
🌎 Remote; Africa; Europe; Middle East
⏰ Full-time
🏢 Remote

Job details https://jobsfordevelopers.com/jobs/senior-frontend-engineer-at-remote-com-jan-6-2026-e0afe6?utm_source=mastodon.world&utm_medium=social&utm_campaign=posting
#jobalert #jobsearch #hiring