tag next.js

標籤
貢獻42
84
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 訂閱

ntksol 頭像

歐雷 - 前端鏟💩日記 #2：易被忽略的「domain」

若看了上篇筆記，眼尖的鐵汁們應該發現，最終的重構成果並未出現目錄結構調整方案提到的 domain 文件夾。 這是因為領域建模是個相對較難且需要長期去做的事情，所以我們不急，慢慢來，要用心地思考與處理——從本篇筆記開始就會涉及到相關內容啦！ 在進行實際的鏟💩演練之前，這篇筆記先來講解下 domain 文件夾的重要性，請各位鐵汁搬來小板凳坐坐好，用小拇指清理下👂🏼聽我説—— 在我所設計的「模塊化

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

收藏 評論

ntksol 頭像

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

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

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

收藏 評論

infinilabs 頭像

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

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

react , three.js , next.js , Web

收藏 評論

infinilabs 頭像

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

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

react , three.js , next.js

收藏 評論

changlina 頭像

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

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

框架學習 , react , 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 , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - Next.js 面試深入剖析緩存機制

決勝 Next.js 面試：深入剖析緩存機制 1. 引言：為何 Next.js 中的緩存如此重要？ Next.js 通過其精密的緩存系統，極大地提升了應用程序的性能、降低了服務器負載，並通過提供預先計算的結果或數據來最小化運營成本。 對於任何期望構建優化應用的開發者而言，深入理解這些緩存層是至關重要的。 在技術面試中，對 Next.js 緩存機制的掌握程度，往往能體現出開發者對 Nex

面試 , next.js , 前端

收藏 評論

8848_62c77d4bb2532 頭像

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

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

vue.js , github , mongodb , 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

收藏 評論

ansonznl 頭像

九旬 - 使用PM2部署Next服務

使用 PM2 部署 Next 服務 最近阿里雲 99 服務器比較火，我也買了一個玩玩，感覺不錯，自用足矣，平常寫點東西，部署一些服務，用着也挺舒服。 最近學習的 Next 框架，感覺挺好用，就打算部署一個人博客，但是部署到服務器上。 部署的的時候發現，對比 Vercel，服務器的部署方式有點麻煩，需要安裝 Node、然後還要安裝 PM2 管理進程，於是就打算寫一篇文章記錄一下。 準備 首先，你需要

node.js , pm2 , Linux , next.js , Javascript

收藏 評論

didilinkin 頭像

哈希肯 - 使用 GitHub Actions 構建、部署 Next.js 並將其託管到 GitHub Pages

本文是一個簡單教程, 將 Next.js 製作的靜態網站, 通過 GitHub Actions構建打包，最後將其自動化部署到 GitHub Pages用於展示 介紹: GitHub Actions 是 GitHub 的持續集成服務 Github Pages 是 GitHub的靜態站點託管服務 Next.js 是 基於 React構建 服務端渲染 (SSR)應用的框架 在本教

react , github-pages , github-actions , github , next.js

收藏 評論

alpha94511 頭像

alpha94511 - VibeCoding 翻新個人站 (Nextjs+Django)

最近從個人站引來了德國客户，成功開出海外服務第一單✌️，也讓我意識到該把自己的古早個人站做個大升級。折騰了幾個小時終於把上線，歡迎大家+友鏈 https://www.hephaestus.fr/ 前端 Nextjs部署在 Vercel上 後端 Django+S3+PostgreSQL 部署在了 DigitalOcean上，資源使用了CDN加速 後續工作主要是SEO優化，持續引流

django , postgresql , next.js , Python

收藏 評論

sam-poder 頭像

Sam Poder - The What, When, Why And How Of Next.js’ New Middleware Feature

“Middleware” isn’t a new term in computing. It is often used as a term to describe a piece of software that holds two systems together. You could call it “glue” for software, and essentially, that’s

Guides , API , next.js , Javascript

收藏 評論

sam-poder 頭像

Sam Poder - The Case For Prisma In The Jamstack

The Jamstack approach originated from a speech given by Netlify’s CEO Matt Biilmann at Smashing Magazine’s very own Smashing Conf in 2016. Jamstack sites serve static pre-rendered content through a

next.js , Jamstack , serverless , Javascript

收藏 評論

nirmalya-ghosh 頭像

Nirmalya Ghosh - How To Maintain A Large Next.js Application

Maintaining a large application is always a difficult task. It might have outdated dependencies which can cause maintainability issues. It can also have tests that are flaky and don’t inspire any co

Tools , Apps , next.js , typescript

收藏 評論

caleb-olojo 頭像

Caleb Olojo - How To Protect Your API Key In Production With Next.js API Route

Front-end developers have to interact with private or public APIs whose method of authorization requires a secret key/API key that enables developers to use these APIs. The key(s) are important, hen

node.js , API , Tools , next.js

收藏 評論

caleb-olojo 頭像

Caleb Olojo - Dynamic Data-Fetching In An Authenticated Next.js App

Next.js has five types of data-fetching patterns for determining how you want content to be seen in your application: static-site generation (SSG), server-side rendering (SSR), client-side rendering

Apps , next.js , Javascript

收藏 評論

atila-fassina 頭像

Atila Fassina - What’s New In Next.js 13?

October has come and gone, and with it, Next.js has released a new major version packed (pun intended) with tons of new features — some of which can be seamlessly adopted from your Next.js 12 app, w

API , next.js , coding , Javascript

收藏 評論

facundo-giuliani 頭像

Facundo Giuliani - A Look At Remix And The Differences With Next.js

In the developer community, it is very common to see new frameworks and tools appear every day. Some of them offer a different approach to solve scenarios that are currently being solved with other

Frameworks , Apps , next.js , Javascript

收藏 評論

changlina 頭像

長林啊 - Next.js 開發者必看：最受歡迎的 UI 組件庫

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者；致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】，歡迎大家關注、分享、點贊！ 在之前，我也寫過一篇《打造高效React應用：CSS方案深度解析》，裏面介紹到內聯樣式、CSS 類、CSS Modules 和 CSS-in-JS 技術，在 Next.js 中也同樣是適用，如果有不熟悉的，可以到公眾號 「長林

react , 全棧 , 組件庫 , web開發 , next.js

收藏 評論

kuailedehuanggua 頭像

kuailedehuanggua - RedHat 系列 Linux 安裝後，建立嵌入式開發環境

修改本地 yum 源 這裏直接參考這個文章就行了：CentOS 7下配置本地yum源及yum客户端，看小節 “二、配置本地yum源” 即可。 TFTP 安裝xinetd和tftp-server 在/etc/xinetd.d/tftp中，指定tftp的目錄，並且將"disable"置為“no” 關閉iptables（如果你會設置的話那就進行相關設置，無需關閉）。可以使用nts

next.js

收藏 評論

codexu 頭像

codexu - 試試 NoteGen，它用 AI 讓記錄和寫作更高效！

為什麼選擇 NoteGen？ 在眾多筆記應用中，NoteGen 脱穎而出，因為它兼顧了簡潔、實用和強大擴展性。傳統筆記工具往往 bloated（臃腫），用着累贅，但 NoteGen 設計初衷就是“輕快高效”，讓你專注於內容本身，而不是軟件本身。 極致輕量，免打擾體驗：NoteGen 的安裝包只有 10-20 MB，啓動瞬間即用。更重要的是，它完全免費、無廣告、無捆綁軟件。這意味着你下載後，就

編輯器 , next.js , 人工智能 , 程序員 , 前端

收藏 評論

william-lyon 頭像

William Lyon - Full Stack GraphQL With Next.js, Neo4j AuraDB And Vercel

This article has been kindly supported by our dear friends at Neo4j who are known to be the clear performance leaders in graph technology. Thank you! Recently I was chatting with some folks

API , graphql , next.js , coding

收藏 評論

er_5ca0f5e1ce9ab 頭像

汶二 - onetools.online 新功能更新<版本2>

https://onetools.online/新增7個類型工具，並優化了文本對比工具的實現，文本對比工具使用了Monaco Editor，有些資源需要依賴外網，如果加載不出來開下VPN翻牆。 一、IP地址查詢工具 包含IP地址查詢、域名IP查詢、和域名Whois信息查詢三個工具，居中顯示你的IP地址和地理位置信息。實時檢測IP地理位置、域名解析IP及完整Whois信息。支持Country

react , node.js , next.js , Css , 前端

收藏 評論