https://github.com/arach/usetalkie.com
https://github.com/arach/usetalkie.com
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/arach/usetalkie.com
- Owner: arach
- Created: 2026-01-16T14:29:32.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2026-05-10T17:21:16.000Z (about 1 month ago)
- Last Synced: 2026-05-10T19:25:12.533Z (about 1 month ago)
- Language: JavaScript
- Homepage: https://usetalkie.com/
- Size: 120 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
# Talkie Landing Site
Static marketing site for Talkie built with Next.js and Tailwind CSS. Configured for static export and GitHub Pages.
## Stack
- Next.js 14 (App Router)
- Tailwind CSS 3 (with extended color shades)
- Static export (`output: 'export'`) for GitHub Pages
## Local Development
```bash
cd Landing
npm install
npm run dev
# open http://localhost:5173
```
## Build & Preview
```bash
npm run build
npm run export
# static site in Landing/out
```
## Deploy to GitHub Pages
This repo includes a workflow at `.github/workflows/deploy-landing.yml` that:
- builds from `Landing/`
- exports static files to `Landing/out`
- publishes to GitHub Pages using the Pages deployment action
### One-time setup
1. Push changes to `main` branch
2. In GitHub → Settings → Pages:
- Build and deployment: **GitHub Actions**
3. Trigger a build by pushing to `main` (or use Workflow Dispatch)
By default, the site assumes a custom domain and builds at the root path. To deploy under a project path (e.g. `https://.github.io//`), set env `BASE_PATH=/` during build/export.
## Customize
- Edit content in `Landing/app/page.jsx`
- Global styles in `Landing/app/globals.css`
- Tailwind theme in `Landing/tailwind.config.js`
- Next.js export options in `Landing/next.config.js`
- Google Analytics is configured in `Landing/app/layout.jsx` using GA4 Measurement ID `G-EP7F8TC801`.
## Introductory Offer Form (Formspree)
The Pricing section includes an email capture card powered by Formspree (free tier).
- A default Formspree endpoint is already configured: `mkgaanoo`.
- To use your own endpoint instead:
- Create a form at https://formspree.io (name: `Talkie Intro`)
- Copy the form ID (looks like `abcdxyz1`)
- Add a repo secret named `FORMSPREE_ID` with that value
- The workflow injects it as `NEXT_PUBLIC_FORMSPREE_ID` during build/export and overrides the default
Local dev:
```bash
export NEXT_PUBLIC_FORMSPREE_ID=abcdxyz1
npm run dev
```
If no ID is set, the site uses the default `mkgaanoo`. If you remove both, it will gracefully fall back to `mailto:`.
## Configure Pricing Anchors
You can override launch and regular prices at build time (static export):
- `NEXT_PUBLIC_REGULAR_PRICE` (default: `29.99`)
- `NEXT_PUBLIC_LAUNCH_PRICE` (default: `2.99` — set to `0` for free)
Local:
```bash
export NEXT_PUBLIC_REGULAR_PRICE=29.99
export NEXT_PUBLIC_LAUNCH_PRICE=2.99
npm run dev
```
CI (GitHub Actions): add repository variables (or secrets) with those names to customize the deployed site.
## Custom Domain (Configured)
- Domain: `talkie.arach.dev`
- File `Landing/public/CNAME` is included so Pages serves the custom domain.
- DNS: add a CNAME record for `talkie.arach.dev` → `.github.io`.
- In GitHub → Settings → Pages, set Custom domain to `talkie.arach.dev` and enforce HTTPS.