✦ Northline

Astro coming-soon banking app site with waitlist-ready messaging

A clean launch stub for a fictional banking app, built to communicate product intent, waitlist readiness, trust signals, and responsive polish without pretending the full product is already live.

---

✨ Highlights

• Single-page Astro launch stub for a banking app preview
• Calm, trustworthy visual direction with a responsive app mockup hero
• Clear waitlist messaging, launch sequence, trust section, and FAQ
• Shared metadata layer with canonical tags, Open Graph, Twitter tags, and JSON-LD
• Sitemap integration and dynamic robots.txt
• Minimal file set with only the pieces needed for a reliable one-page site

---

🧭 Pages

• / - main coming-soon banking app page
• /robots.txt - crawler rules generated by Astro

---

🛠️ Tech Stack

Layer	Technology
Framework	Astro 6
Language	TypeScript
Styling	Tailwind CSS 4
SEO	@astrojs/sitemap, canonical metadata, JSON-LD, Open Graph
Content	Local TypeScript content model
Hosting	Static deployment ready

---

🗂️ Project Structure

astro-banking-app-coming-soon/
├── public/
│   ├── favicon.svg
│   └── og-northline.svg
├── src/
│   ├── components/
│   │   ├── Footer.astro
│   │   ├── Header.astro
│   │   └── JsonLd.astro
│   ├── data/
│   │   └── site.ts
│   ├── layouts/
│   │   └── MainLayout.astro
│   ├── pages/
│   │   ├── index.astro
│   │   └── robots.txt.ts
│   └── styles/
│       └── global.css
├── astro.config.mjs
├── LICENSE
├── netlify.toml
├── package.json
└── README.md

---

💻 Local Development

📦 Install

npm install

▶️ Run dev server

npm run dev

🏗️ Build

npm run build

---

🔎 SEO Notes

• site URL is configured in astro.config.mjs
• Override the production domain with SITE_URL during deployment
• Metadata is managed centrally in src/layouts/MainLayout.astro
• Structured data is injected through the schema prop on the page
• Sitemap output is generated automatically during build

---

🧠 Content Model

All product copy, navigation items, launch steps, and FAQ content live in:

src/data/site.ts

That keeps the stub simple now while leaving a clean path toward a fuller banking marketing site later.

---

🌐 Deployment

🌐 Netlify (Recommended)

1. Push your code to GitHub
2. Connect the repository to Netlify
3. Build settings are already defined in netlify.toml
4. Deploy the static site

---

📄 License

MIT License. See LICENSE.