Skip to content

docs: redesign landing page#34

Merged
onmax merged 9 commits intomainfrom
docs/redesign
Mar 25, 2026
Merged

docs: redesign landing page#34
onmax merged 9 commits intomainfrom
docs/redesign

Conversation

@onmax
Copy link
Copy Markdown
Owner

@onmax onmax commented Mar 25, 2026

Summary

  • Full landing page rewrite with 7 sections: hero, dual track picker, realtime preview showcase, feature grid, how-it-works steps, Nuxt extras, and CTA
  • Custom RealtimePreview component showing schema→composable→reactive UI flow with animated fake realtime updates
  • Install snippets in hero for both Nuxt and Vue
  • Polished CSS: stronger hero glow, section alt bg, fade-in/slide-in animations
  • Tightened copy on vue.md and nuxt.md intro pages
  • Removed wrapping UContainer from landing template (sections handle their own)

Before

Minimal landing: hero + 2 small cards + an important note

After

Full showcase landing with feature grid, code preview, animated demo, clear dual Vue/Nuxt messaging

@vercel
Copy link
Copy Markdown

vercel bot commented Mar 25, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
convex Ready Ready Preview, Comment Mar 25, 2026 2:30pm
nuxt-convex Ready Ready Preview, Comment Mar 25, 2026 2:30pm

@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages bot commented Mar 25, 2026

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
nuxt-convex-playground 0296d28 Commit Preview URL

Branch Preview URL
Mar 25 2026, 02:27 PM

Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 57564dab7b

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: f8823a9497

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment on lines +12 to +16
useTimeoutFn(() => {
tasks.value.push({ id: 4, text: 'Ship it 🚀', completed: false })
}, 2000)

useIntervalFn(() => {
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P1 Badge Move preview timers to client-only lifecycle

useTimeoutFn and useIntervalFn are started directly in setup, which runs during SSR (nuxi build/preview) as well as in the browser. In SSR this creates Node timers per render before mount, so the preview can keep running background callbacks on the server process (wasted CPU/memory and request-to-request leakage risk). Initialize these timers only on the client (for example via onMounted or a client guard).

Useful? React with 👍 / 👎.

Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 97ab65ebe2

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

"zod-to-json-schema": "catalog:"
},
"devDependencies": {
"@vueuse/core": "catalog:"
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Move @vueuse/core into production dependencies

@vueuse/core is imported by runtime app code (docs/app/components/landing/RealtimePreview.vue), but this commit adds it under devDependencies. In environments that install production deps only (for example pnpm install --prod before nuxi build/nuxi generate), the docs build cannot resolve this import and fails at compile time. This package should be listed in dependencies with the rest of the docs runtime modules.

Useful? React with 👍 / 👎.

@onmax onmax merged commit 85267ab into main Mar 25, 2026
8 checks passed
@onmax onmax deleted the docs/redesign branch March 25, 2026 14:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant