Skip to content

Redesign VitNode homepage, add free pricing, and improve SEO - #789

Closed
aXenDeveloper wants to merge 1 commit into
canaryfrom
codex/community-homepage-redesign
Closed

Redesign VitNode homepage, add free pricing, and improve SEO#789
aXenDeveloper wants to merge 1 commit into
canaryfrom
codex/community-homepage-redesign

Conversation

@aXenDeveloper

Copy link
Copy Markdown
Owner

VitNode's homepage currently describes the framework in technical terms and gives visitors little help understanding what they can build, how it supports their team, or what the early canary release includes.

This PR introduces a complete community-focused marketing experience with playful copy and clear paths into the documentation.

Changes

  • Redesign the homepage with a responsive feature bento, a larger Content Engine card, and SVG demonstrations for i18n, caching, events, AI, search, WebSockets, plugins, and security.
  • Add dedicated sections for the plugin system, AdminCP, community roles and staff permissions, AI coding agents, authentication/CAPTCHA/social sign-in, cloud and self hosting, developer setup, and Maciej's maker story.
  • Add a sourced comparison against Discourse and Circle, with green/gray checks and accessible text equivalents.
  • Add /pricing: free MIT software, practical infrastructure costs, commercial use, and FAQs.
  • Share navigation and a footer across the main route layout, preserving language, theme, and account controls.
  • Add a skip link, responsive layouts, light/dark colors, and reduced-motion support. SVG animations run once and finish within five seconds.
  • Add unique titles/descriptions, Open Graph and Twitter text, canonical URLs, JSON-LD, robots.txt, and a sitemap. Marketing content renders on the server and links directly to the relevant docs.

Canary accuracy

The copy explicitly identifies this as a very early development build. Moderator permissions exist, while a dedicated Moderator CP is not shipped. AI experiences need implementation and provider configuration. Cloud means deployment to the user's own provider account; VitNode does not currently sell managed hosting. The Vercel section calls out its built-in WebSocket, local upload, and in-process cron limitations.

Community and agent cards are labeled illustrations; the AdminCP section reuses the existing product screenshot. Competitor sources and the comparison date are linked in the page.

Marketing copy remains English. Canonicals consolidate identical locale-prefixed marketing pages to the official unprefixed URLs. The implementation notes explain how to extend this when translated copy is added.

Validation

  • Production Vite/Nitro build: passed.
  • Web TypeScript check (tsc --noEmit): passed.
  • Core and required workspace plugin compilation: passed.
  • Documentation links, sitemap XML/canonical URLs, and robots sitemap reference: passed.
  • git diff --check: passed.

Browser and end-to-end testing were not run.

@vercel

vercel Bot commented Sep 5, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated
vitnode-prod Ready Ready Preview Sep 5, 2026 8:07am UTC

@github-actions

github-actions Bot commented Sep 5, 2026

Copy link
Copy Markdown

Hey there and thank you for opening this pull request! 👋🏼

We require pull request titles to follow the Conventional Commits specification and it looks like your proposed title needs to be adjusted.

Details:

No release type found in pull request title "Redesign VitNode homepage, add free pricing, and improve SEO". Add a prefix to indicate what kind of release this pull request corresponds to. For reference, see https://www.conventionalcommits.org/

Available types:
 - feat: A new feature
 - fix: A bug fix
 - docs: Documentation only changes
 - style: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
 - refactor: A code change that neither fixes a bug nor adds a feature
 - perf: A code change that improves performance
 - test: Adding missing tests or correcting existing tests
 - build: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
 - ci: Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)
 - chore: Other changes that don't modify src or test files
 - revert: Reverts a previous commit

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

Copy link
Copy Markdown

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: 362b74c594

ℹ️ 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 +19 to +23
<RouterLink href="/">Overview</RouterLink>
<RouterLink href="/pricing">Pricing</RouterLink>
<RouterLink href="/docs/dev">Documentation</RouterLink>
<RouterLink href="/discover">Discover</RouterLink>
<RouterLink href="/search">Search</RouterLink>

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 Localize the shared main navigation

When a visitor switches to the configured Polish locale, these labels remain English because they are hard-coded, even though this header is shared by every _main route, including translated discover, search, authentication, and settings screens. The previous core header resolved Discover and Search through the core.search namespace (Odkrywaj and Szukaj in pl.json); route all new navigation and skip-link strings through locale messages so the language switcher changes the complete shell.

Useful? React with 👍 / 👎.

Comment on lines +10 to +14
--border: #dedfd7;
--accent: #f2e9df;
--accent-foreground: #753618;
--success: #287449;
--signal: #ce642e;

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 Consolidate the marketing palette to five colors

The new marketing theme defines more than a dozen distinct literal colors in light mode and another full set in dark mode, exceeding the repository's hard limit of 3–5 colors for new designs. Consolidate these roles onto at most five semantic palette values rather than maintaining separate border, accent, success, signal, surface, and text shades.

AGENTS.md reference: AGENTS.md:L63-L65

Useful? React with 👍 / 👎.

@aXenDeveloper
aXenDeveloper deleted the codex/community-homepage-redesign branch September 5, 2026 12:59
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