收藏 / 列表

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

歐雷 - 聊聊前端 UI 組件:組件特徵

本文是文章系列「聊聊前端 UI 組件」的第二篇,內容與本系列的上篇文章《聊聊前端 UI 組件:核心概念》有所關聯,如果還沒看過,建議去看下。 本文的主要內容是根據特徵對前端 UI 組件進行建模,讓我們儘可能充分地瞭解它的方方面面,併為如何設計以及建立一個組件體系打下基礎。 組件構成 從關注點分離的角度分解 UI 組件,並分析其各部分的易變性。 構成元素 一個完整的具備功能的 UI 組件的構成,有結

組件設計 , 軟件設計 , 交互設計 , 組件化 , 前端設計

溪抱魚 - 第十八章 獲得大量免費流量的核心:關鍵詞

獲得大量免費流量的核心:關鍵詞 每一次搜索背後,都隱藏着一個渴望被滿足的需求。 而搜索是由一段段關鍵詞構成的,掌握關鍵詞,就是掌握了用户心理的密碼、流量的源頭和轉化的關鍵。當你的競爭對手還在盲目堆砌內容時,你可以通過精準關鍵詞策略,以小博大,用20%的努力獲取80%的流量紅利。 在現在大家覺得關鍵詞科學是為了做SEO(搜索引擎優化),但實際上這個順序完全反了。 SEO只是關鍵詞的一種應用,不

seo , 前端

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

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

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

Sam Poder - Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)

If you’ve ever used Incremental Static Regeneration (ISR) with Next.js, you may have found yourself sending stale data to the client. This occurs when you are revalidating the page on the server. Fo

react , API , Tools , next.js , Javascript

Atila Fassina - A Recipe For A Good Design System

This article has been kindly supported by our dear friends at Backlight, a collaborative platform empowering front-end teams to build and ship great design systems. Thank you! In theory, ev

workflow , Tools , User Experience , Design Systems

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

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

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