百科.dev
全部条目AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
A

app-landing

> 编程语言
开源

100% 使用 vibe-coded 打造的移动应用程序登陆页模板 — 使用 Next.js、React 和 Tailwind CSS 打造。添加应用程序的内容,部署即可完成。

199 stars0 点赞0 次浏览
访问官网GitHub

工具介绍

100% 使用 vibe-coded 打造的移动应用程序登陆页模板 — 使用 Next.js、React 和 Tailwind CSS 打造。添加应用程序的内容,部署即可完成。


Features

  • Hero section with App Store & Google Play buttons, rating, version, and OS info
  • Screenshot gallery with always-visible violet scrollbar
  • Pricing tiers (Free / Pro / Teams) with highlighted card
  • Feature cards, customer reviews with star ratings, and FAQ accordion
  • 4-column desktop footer with Legal, Product, and Follow Us sections
  • Light / Dark / System theme toggle with localStorage persistence
  • Privacy Policy and Terms of Service pages rendered from Markdown
  • Dot grid background via CSS body::before pseudo-element
  • Static export (output: 'export') — deploy anywhere, no server needed
  • App Store metadata auto-fetch at build time (optional)

Quick Start

Requires: Node.js 20+, pnpm

git clone https://github.com/bohd4nx/app-landing.git
cd app-landing
pnpm install
pnpm dev

Open http://localhost:3000 — live reload included.

pnpm build   # static export → out/
pnpm lint    # biome check --write

Configuration

Everything is in one file: src/config.ts

export const site = {
  name: "Your App Name",
  description: "...",
  logo: "/favicon.svg",
  storeLinks: { apple: "#", google: "#" },
  rating: { score: 4.8, count: "1.2K" },
  version: "1.0.0",
  minimumOS: "13.0",
  releaseDate: "Jan 10, 2026",
  social: [...],
}
Key Description
site.name App name shown in header, footer, and tab title
site.logo Path to app icon (used everywhere, SVG recommended)
site.storeLinks Apple and Google Play deep links
site.social Social icons in footer — supports any react-icons icon
storeConfig.fetchRealData Set to true to pull live data from App Store at build time
storeConfig.appStoreAppId Numeric App Store ID (from the app URL)
features Feature cards array — title, description, icon
screenshots Array of image paths in /public/assets/screenshots/
pricingTiers Pricing cards — add highlighted: true for the featured tier
reviews Customer testimonials with author and star rating
faqs FAQ items — question and answer

Legal Pages

Edit the Markdown files directly — they auto-render on the page:

  • Privacy Policy: src/app/privacy-policy/privacy.md
  • Terms of Service: src/app/terms-of-service/terms.md

License

MIT — see LICENSE

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

TypeScriptastroastro-landing-pagelandinglanding-page

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月18日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言