tag next.js

標籤
貢獻42
79
02:36 AM · Oct 27 ,2025
changlina 頭像 cshopping 頭像 atila-fassina 頭像 sam-poder 頭像 ntksol 頭像 ailvyoudetiebanshao 頭像 caleb-olojo 頭像 infinilabs 頭像 zzd41 頭像 awbeci 頭像 pengxiaohei 頭像 facundo-giuliani 頭像

@next.js / 博客 RSS 訂閱

coder_64d08a0a77d68 頭像

Coder - 我第一個快200 Star 的項目，Taro H5 SSR 插件現在咋樣了

引言 我寫下這篇文章的初衷是，我認識到，編寫代碼的同時，我們也需要去分享我們的工作和成果，讓更多的人瞭解我們所做的事。這篇文章旨在記錄我的第一個近200 Star 的項目 tarojs-plugin-ssr，能讓更多的人去知道這個項目，瞭解到這個項目還被持續維護中。 我將在文章中講講這個項目的起源，回顧我與 Taro 項目的故事。同時，根據我有限的經驗，來回答一些朋友們關於如何參與開源項目的疑問。

小程序 , next.js , taro , ssr , 前端

收藏 評論

ntksol 頭像

歐雷 - 前端鏟💩日記 #3：重構「個人主頁」

鐵汁們聽好了哈——從本篇筆記開始，將進入實際的鏟💩演練啦！ 這首先要被剷除的💩，是分佈在我接手官網項目後最先接觸的用户個人主頁裏。 在這系統中，用户分個人與項目方兩種，它們的個人主頁雖看起來一樣，但視覺細節和數據結構等還是有些差異的，佈局結構大致如圖所示： 個人主頁原先代碼中，其他部分還算有點封裝意識，但最重要的課程、活動等列表部分的代碼看起來就是初級水平，將它們全部糅合在一個 React

react , 前端架構 , 前端優化 , next.js , 重構

收藏 評論

ruyadehuangdou 頭像

深漂程序員悟飯 - 基於Next.js與多AI模型的小紅書智能創作系統

小紅書AI創作系統 項目概述 小紅書AI創作系統是一個面向小紅書創作者的綜合工具平台，提供多種實用工具和功能來提升創作效率。本項目使用最新的 Next.js 15 和 React 19，結合多個 AI 模型，為創作者提供智能化的創作輔助服務。 一、技術棧 Next.js 15.1.4 (使用 App Router) React 19 Tailwind CSS 3.4.17 TypeScr

react , next.js

收藏 評論

8848_62c77d4bb2532 頭像

Java陳序員 - 滴滴開源！一套輕量安全的問卷調研系統！

大家好，我是 Java陳序員。 之前給大家介紹了兩款開源的問卷調查系統。 太捲了！這個考試系統不愧是“卷王”！ 填鴨表單！開箱即用的開源問卷調查系統！ 今天，再給大家安利一套輕量安全的問卷調研系統，由滴滴開源！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 xiaoju-survey —— 一套滴滴開源、輕量安全的問卷調研系統

vue.js , github , mongodb , next.js

收藏 評論

changlina 頭像

長林啊 - React 調試不求人：VS Code 與 Chrome 的終極指南

大家好，我是長林啊！一個 Go、Rust 愛好者，同時也是一名全棧開發者；致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》，歡迎大家關注！ 在開發過程中，調試無疑是我們解決疑難雜症的手段之一，但調試不僅僅是在解決 Bug 的時候才能應用的技能，當拿到一個新的項目時，我們也可以通過調試的方法，去快速瞭解代碼、熟悉業務。 本文工具及代碼環境： Visual Studio

框架學習 , react , next.js , 前端 , Web

收藏 評論

infinilabs 頭像

極限實驗室 - 如何實現一個充滿科技感的官網（二）

背景 在上一篇文章 《如何實現一個充滿科技感的官網（一）》 中，我們初步瞭解了該官網的整體設計，並與大家探討了它的視覺呈現和用户體驗。 我們前期的內部設計偏向簡潔，所以開始思考如何提升網站的整體設計感。這些嘗試便由此展開。 網站地址：https://infinilabs.com/ 如果你對動態背景的實現感興趣，這篇文章將帶你深入探索，揭秘如何從零打造一個兼具美感與功能性的企業官網！ 技術選型

react , three.js , next.js

收藏 評論

infinilabs 頭像

極限實驗室 - 如何實現一個充滿科技感的官網（一）

背景 前段時間完成一個公司官網項目，個人第一感覺是整體風格簡潔但充滿科技感。所以想着抽時間寫篇文章出來分享一下（其實想着拿出來炫一下，得瑟一下，滿足一下自身虛榮心，請大家包容一下我的虛榮心，莫噴。） 抽空寫下這篇文章，既是分享，也希望能夠聽到更多反饋。 官網地址是：https://infinilabs.com/， 大家可以先去看看。對了，也歡迎直接在評論區告訴我：“這樣的官網設計，你覺得怎麼樣？”

react , three.js , next.js , Web

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 2025最好的Next.js面試題（一）

2025最好的Next.js面試題（一） 最近在面試，就寫一些關於問到的面試題，同時也過一下知識點。 基礎概念 什麼是Next.js？它與React的關係是什麼？ Next.js是一個基於React的全棧開發框架，由Vercel開發和維護。它在React的基礎上提供了額外的功能和優化，如服務器組件(Server Components)、流式渲染(Streaming)、服務器操作(Server Ac

面試 , next.js , 前端

收藏 評論

cshopping 頭像

繼小鵬 - C-Shopping基於Next.js，開源電商平台全新亮相

嗨，大家好！歡迎來到C-Shopping，這是一場揭開科技面紗的電商之旅。我是C-Shopping開源作者“繼小鵬”，今天將為你介紹一款基於最新技術的開源電商平台。讓我們一同探索吧！ 在線體驗：http://shop.huanghanlian.com/ 項目傳送門：https://github.com/huanghanzhilian/c-shopping 如果你覺得有幫助，請給我一個Star，這

node.js , mongodb , tailwind-css , redux , next.js

收藏 評論

zzd41 頭像

superZidan - 深入探索 Next.js 中的流式渲染和分塊傳輸編碼

hello 大家好，我是 superZidan，這篇文章想跟大家聊聊 Next.js 中的流式渲染和分塊傳輸機制 ，如果大家遇到任何問題，歡迎 聯繫我或者直接微信添加superZidan41 🔥🔥🔥前方高能，乾貨滿滿，建議點贊➕關注➕收藏； 温馨提示：如果你還是個 Next.js 新手，建議先閲讀這篇 Next.js 最佳實踐，照着這篇文章先把代碼敲一遍 簡述 在本篇文章中，我們將深入探索組

node.js , next.js , stream , ssr , Javascript

收藏 評論

zzd41 頭像

superZidan - Next.js 超實用進階技巧【持續更新】

hello 大家好，我是 superZidan，這篇文章想跟大家聊聊Next.js 進階技巧，如果大家遇到任何問題，歡迎 聯繫我或者直接微信添加superZidan41 🔥🔥🔥前方高能，乾貨滿滿，建議點贊➕關注➕收藏；後續還會 持續更新更多技巧和案例 温馨提示：如果你還是個 Next.js 新手，建議先閲讀這篇 Next.js 最佳實踐，照着這篇文章先把代碼敲一遍 Next.js 是一個強

性能優化 , next.js , ssr , Javascript

收藏 評論

kanshouji 頭像

路邊縣 - 服務端渲染nextjs項目接入經驗總結

服務端渲染 nextjs@14 項目接入經驗總結，本文重點介紹基本知識點/常用的知識點/關鍵知識點 背景 為提高首屏渲染速度減少白屏時間提高用户體驗及豐富技術面，開始調研和接入nextjs框架 優勢 nextjs是一套成熟的同構框架（一套代碼能運行在服務端也能運行在瀏覽器）對比傳統的客户端渲染的核心優勢是首屏是帶數據的和減少跨域帶來的option請求。其它後續操作是一樣的。理論上能比客户端渲染看到

react , 同構 , node.js , next.js , ssr

收藏 評論

cshopping 頭像

繼小鵬 - 一、nextjs如何使項目工程化（c-shopping電商開源）

歡迎來到本系列文章，這些內容都是從我的開源項目 C-Shopping 衍生而來的。在這個系列中，我們將深入探討 Next.js 和其他技術的各個方面，分享我在開發 C-Shopping 時積累的見解和最佳實踐。如果你發現這些文章有幫助，請考慮在 GitHub 上為項目點亮一顆星星。你的支持對我來説意義重大，也會激勵我進行更多的開發！ 項目在線演示地址： docker 部署地址：http://s

husky , eslint , next.js , 工程化 , prettier

收藏 評論

awbeci 頭像

Awbeci - Next.js-Cookie鑑權+續期+退出登錄

前言 之前寫過關於next.js鑑權操作cookie的文章，Next.js-cookie鑑權+續期1和Next.js-cookie鑑權+續期2，最近chatgpt非常火，於是我問它next.js鑑權最佳實踐，下面是它的回答： 設置合理的 cookie 有效期：合理的 cookie 有效期應該根據網站的特點來確定，通常建議將其設置為一定時間內（如 30 分鐘）。 定時刷新 cookie

next.js , cookie

收藏 評論

atila-fassina 頭像

Atila Fassina - Localizing Your Next.js App

Instructing Next.js your app intends to have routes for different locales (or countries, or both) could not be more smooth. On the root of your project, create a next.config.js if you have not had t

Apps , next.js , User Experience

收藏 評論

caleb-olojo 頭像

Caleb Olojo - Implementing A Reset Password Feature With Next.js Dynamic Routes

In a general sense, authentication poses itself as a roadblock to many people when they are trying to get started with a particular framework, and Next.js isn’t left behind. Although, there are lot

performance , Security , next.js , Javascript

收藏 評論

facundo-giuliani-arisa-fukuzaki 頭像

Facundo Giuliani & Arisa Fukuzaki - Getting Internationalization (i18n) Right With Remix And Headless CMS

This article has been kindly supported by our dear friends at Storyblok, a friendly headless CMS with a visual editor, nested components and customizable content blocks for websites and apps. Tha

Frameworks , Apps , next.js , Javascript

收藏 評論

grapecity 頭像

葡萄城技術團隊 - 手把手教你在 Sevalla 上部署 Next.js 博客：從搭建到上線全流程

很多開發者會糾結：“現在博客平台這麼多，為啥還要自己搭博客？” 答案很簡單：用 Next.js 搭的博客，是真正屬於你的 “數字資產”。 為什麼選 Next.js？為什麼是 Sevalla？ 先聊聊這兩個核心工具的優勢，幫你搞懂 “為什麼這麼組合”。 Next.js：不止是博客，更是你的品牌載體 Next.js 是基於 React 的開發框架，相比純 React，它多了很多 “開箱即用” 的功能：

next.js

收藏 評論

changlina 頭像

長林啊 - 掌控 React 表單：詳解受控組件和非受控組件

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者；致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】，歡迎大家關注、分享、點贊！ 在開發過程中，經常涉及到用户輸入的表單處理；表單可以分為兩種類型：受控表單（Controlled Components）和非受控表單（Uncontrolled Components）。這兩種表單在處理用户輸入和狀態管理時有着不

react , web開發 , next.js , 全棧開發者

收藏 評論

youyudeshangpu_cny857 頭像

姜姜 - 新手小白如何獨立創建項目Angular+NestJS

前言 我的配置：OS：Ubuntu 24.04.2 LTS 我的需求：想獨立開發一個使用angular框架的個人博客系統，用於自己的學習和對開發項目的整體把控。由於考慮到主要是增強對Angular的掌握需求，所以後端我採取的是NestJS，和Angular具有相同的架構和語言。 整個初始化項目的過程 npx create-nx-workspace@latest yourProjectName

angular , next.js

收藏 評論

cshopping 頭像

繼小鵬 - 教你學會Next.js14（c-shopping電商開源）

C-Shopping ：基於Nextjs14開發同時適配Desktop、Tablet、Phone多種設備的精美購物平台。輕量化獨立站，使用最新的技術組合，初步得到國內外很多大佬認可。 後續會出一系列圍繞這個項目的詳細講解，希望能對感興趣的同學起到一點學習幫助，如果你喜歡和認可，請在github給我一個star，我會更有動力做下去。 開源地址：https://github.com/huanghanz

全棧 , Headless , next.js , tailwindcss , 開源

收藏 評論

xishui_5ac9a340a5484 頭像

夕水 - 為了方便學習icss項目上的css技巧，我用next.js寫了一個網站

icss-website 一、項目簡介與定位 icss-website 是一個基於 Next.js 14（App Router 架構）開發的現代化 CSS 技巧展示平台，致力於為前端開發者、設計師和技術愛好者提供一個高效、優雅、易用的 CSS 奇技淫巧學習與交流空間。項目以 GitHub 上的 iCSS 倉庫為內容源，通過 API 動態獲取、分類、展示和高亮 CSS 相關的文章與代碼示例，支持多主

next.js , 前端

收藏 評論

jan-amann 頭像

jan-amann - Internationalization In Next.js 13 With React Server Components

With the introduction of Next.js 13 and the beta release of the App Router, React Server Components became publicly available. This new paradigm allows components that don’t require React’s interact

react , next.js , coding , Javascript

收藏 評論

gqkmiss 頭像

月恆 - NextJS CVE-2025-29927 安全漏洞

NextJS CVE-2025-29927 安全漏洞 CVE-2025-29927 是一個存在於 Next.js 框架中的關鍵安全漏洞。該漏洞允許攻擊者通過偽造或篡改 x-middleware-subrequest 請求頭，繞過中間件（Middleware）的安全檢查，從而訪問到原本受保護的路由或 API，進而導致授權繞過（Authorization Bypass）以及潛在的更深層次安全風險。本篇

react , middleware , next.js , 安全漏洞 , 前端

收藏 評論