Awesome
Landing page boilerplate
An open-source, free, and beautifully designed landing page template. By simply replacing or adjusting the icons and text, you can publish your own product landing page.
Demo address:https://landingpage.weijunext.com
Used this template? Get featured in our Showcase! Submit your site via GitHub Issues for a free dofollow link.
Blog:
我为独立开发者开发落地页模板(一)
我为独立开发者开发落地页模板(二)
Tech Stack
Landing page boilerplate is built on the following stack:
- Next.js – Frontend/Backend
- TailwindCSS – Styles
- Google Analytics
- Vercel - Hosting
Running Locally
After cloning the repo, you need to copy the .env.example
file to create a .env
file and fill in the required fields.
Then, run the application in the command line and it will be available at http://localhost:3000
.
npm run dev
Build Your Project
Edit these files:
.env
or.env.local
config/site.ts
, fill in your website information.public
, change logo filepublic/robots.txt
app/sitemap.ts
One-Click Deploy
Deploy the example using Vercel or Zeabur:
About Me
Full-Stack Engineer, Open-Source Next.js Artist & AI Enthusiast.
全栈工程师,Next.js 开源手艺人,AI降临派。
My Blog
Github
Twitter/X
Twitter/X - En
Medium
掘金
知乎
微信交流群
If this project is helpful to you, star the repo and buy be a coffee, thank you.
<a href="https://www.buymeacoffee.com/weijunext" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 41px !important;width: 174px !important;" ></a>
<a href="https://afdian.net/a/weijunext" target="_blank"><img src="./public/afd.png" alt="在爱发电支持我" style="height: 50px !important"></a>
<img src="./public/zs.jpeg" alt="赞赏作者" style="height: 200px; width: 200px">