使用 Next.js 和 Tailwind CSS 搭建静态图片展示站点并部署到 Vercel
原文中文,约3900字,阅读约需10分钟。发表于: 。在本文中,我们将介绍如何使用 Next.js(纯.js 文件,不使用.jsx)和 Tailwind CSS 搭建一个静态图片展示站点。该站点将具有首页以瀑布流模式展示图片,点击图片可跳转到图片展示页面,所有图片信息存储在一个 JSON 文件中,并且为每个图片生成单独的静态页面。最后,我们将把这个站点部署到 Vercel。
本文介绍了如何使用 Next.js 和 Tailwind CSS 创建一个静态图片展示网站,首页采用瀑布流布局,点击图片可查看详细信息,数据存储在 JSON 文件中,最终部署到 Vercel。