Skip to content
codexa

Landing pages · React

Novel book launch

Literary launch page for a debut novel with pre-order editions, early reader praise, author notes and tour dates.

Use this templateRemix
Novel book launch starter, as built from its own files
Starter screenshot captured from this template's own build at 1440×900. It shows the template as it ships, not output generated from a prompt.

What you get

A launch page for a novel: an editorial hero with a pre-order bonus, the story and formats, early reader praise, an author section, launch tour dates, edition prices, an FAQ and a signed-copy form. All content lives in src/site.ts.

Files

Exactly what is copied into a new project: 13 files, nothing generated.

Raw data: GET /api/v1/templates/landing-book-launch

Explorer 13

src/index.css
src/index.css
@import "tailwindcss"; /* Theme: change these to restyle the whole site. */@theme {  --color-bg: #fbfaf8;  --color-surface: #f3f1ed;  --color-fg: #0a0a0a;  --color-muted: #6e6a64;  --color-line: #e5e1da;  --color-accent: #9a3412;  --color-accent-fg: #ffffff;  --color-good: #047857;  --color-warn: #b45309;  --color-bad: #b91c1c;  --font-heading: "Cormorant Garamond", ui-serif, Georgia, "Times New Roman", serif;  --font-body: "Lora", ui-serif, Georgia, "Times New Roman", serif;  --radius-card: 2px;} html {  color-scheme: light;  scroll-behavior: smooth;  background: var(--color-bg);} body {  font-family: var(--font-body);  -webkit-font-smoothing: antialiased;  text-rendering: optimizeLegibility;} ::selection {  background: color-mix(in srgb, var(--color-accent) 22%, transparent);}

Remix

Remix this template

Describe what to change and the agent starts from Novel book launch's files. The box is already started for you: finish “Start from Novel book launch and …”

Agent ready

Creates a free account first; your idea is carried over.

Dependencies

Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.

  • react^19.1.0
  • react-dom^19.1.0
  • vite^6.3.0
  • @vitejs/plugin-react^4.4.0
  • tailwindcss^4.1.0
  • @tailwindcss/vite^4.1.0
  • typescript^5.8.0

How it runs

Framework
Vite + React + TypeScript
Dev command
npm run dev
Build command
npm run build
Output directory
dist
Port
5173
Entry route
/

Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.

Keep browsing

All templates

Build on Novel book launch

Create a free account, start from this template, and ask the AI agent to turn it into your app.

Use this templateAll templates