用途:这是一个设计师作品集落地页模板,主打平滑滚动与动画效果,适合用于搭建视觉展示型的个人作品集或作品展示页面。
主要能力:采用 Next.js 作为框架,动画由 Locomotive Scroll、GSAP 和 Framer Motion 提供,实现平滑滚动与动效。开发端口为 3000,属于静态 Next.js 站点,无需环境变量。
使用方式:克隆模板仓库后安装依赖并运行。克隆命令:git clone --depth 1 https://github.com/Eng0AI/awwwards-landing-page-template.git .;若目录非空,可克隆到 _temp_template 后移动文件并删除临时目录。可选地删除 .git 并重新初始化。安装依赖使用 npm install,构建使用 npm run build,开发使用 npm run dev,访问 http://localhost:3000。
部署:Vercel 部署必须使用 vercel build --prod 后再执行 vercel deploy --prebuilt --prod,不要直接使用 vercel --prod。相关命令包括 vercel pull --yes -t $VERCEL_TOKEN、vercel build --prod -t $VERCEL_TOKEN、vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN。Netlify 使用 netlify deploy --prod。
限制:资料未提供收费、价格、平台支持范围、浏览器兼容性及具体动画参数等信息。注意不要在 VM 环境中运行 npm run dev。