Next.js 是一套 React 体系的 SSR (服务端渲染)方案,现在很多前端网站实际上是 SPA (单页应用),就只有一个 index.html ,然后附带一个很大的 js 来实现页面渲染和交互,这种小规模的网站还好,网站越大速度就越慢,所以说技术这个车轮又滚回去了,当初被「前后端分离」那帮人嫌弃的后端渲染又回来了,React 有 ne...
距离上次更新已经过去好久了,之前我在 StarBlog 博客2023年底更新一览的文章里说要使用 Next.js 来重构博客前端,最近也确实用 next.js 做了两个小项目,一个是单点认证项目,另一个是网站的新主页,都还处于开发中,本文记录一下 next.js 使用过程遇到的一些问题和感受。 对了,还有标题里提到的 tailwind ,我去年...
前端框架:Next.js UI 组件:Tailwind CSS, Shadcn UI AI 集成:Anthropic Claude API, Anthropic Claude API Keys 1 Next.js 1.1 Initialization 1. For the installation,
js复制代码importColorfrom"colorjs.io";functionPostTitle({post}:{post:PostDetail}){letlightStart=newColor("lab(63 59.32 -1.47)");letlightEnd=newColor("lab(33 42.09 -43.19)");letlightRange=lightStart.range(lightEnd);letdarkStart=newColor("lab(81 32.36 -7.02)");letdarkEnd=newColor("l...
🎯技术栈:React、Next.js、Tailwindcss、NextUI 🚀github 仓库地址:next-daily-hot ✨ 特性 使用前端最新技术栈开发 极快响应、便于开发部署 目录结构清晰,轻量级,前后端一体 支持多种部署方式,优先推荐Vercel 支持暗黑模式 💻 演示图 t2e8zyv9dawcmw83v94dsbp9jqq7o2c4.png ...
pnpm create next-app -e https://github.com/theodorusclarence/ts-nextjs-tailwind-starter ts-pnpm If you still want to use pages directory (is not actively maintained) you can use this command npx create-next-app -e https://github.com/theodorusclarence/ts-nextjs-tailwind-starter/tree/pages-...
This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individ
This is a Next.js, Tailwind CSS blogging starter template. Probably the most feature-rich Next.js markdown blogging template out there. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement ...
总体感觉,使用Next.js搭配tailwindcss是非常不错的选择。特色适合那些使用React的非专业前端,做一些非企业级的网站,比如像我的微言码道这样的网站。 相比较hexo或hugo这样的博客生成工具来说,基于Next.js以及tailwindcss打造一个网站,更像是亲手打造一个艺术品,虽然都需要自己来实现很多功能,但它能让你精雕细琢。做...
🎯技术栈:React、Next.js、Tailwindcss、NextUI 🚀github 仓库地址:next-daily-hot ✨ 特性 使用前端最新技术栈开发 极快响应、便于开发部署 目录结构清晰,轻量级,前后端一体 支持多种部署方式,优先推荐Vercel 支持暗黑模式 💻 演示图 🧑💻 项目运行 ...