Skip to content

Commit 748ad2b

Browse files
GaspardKiriraGaspardKirira
committed
Add Vix roadmap page
1 parent 712adb0 commit 748ad2b

5 files changed

Lines changed: 192 additions & 2 deletions

File tree

‎vix-site/public/data/github_stats.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"repo": "vixcpp/vix",
3-
"fetched_at": "2026-05-14T10:23:12.973Z",
3+
"fetched_at": "2026-05-14T10:44:04.762Z",
44
"stars": 426,
55
"forks": 32,
66
"open_issues": 15,

‎vix-site/src/data/github_stats.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"repo": "vixcpp/vix",
3-
"fetched_at": "2026-05-14T10:23:12.973Z",
3+
"fetched_at": "2026-05-14T10:44:04.762Z",
44
"stars": 426,
55
"forks": 32,
66
"open_issues": 15,

‎vix-site/src/data/nav.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
export const NAV = [
22
{ label: "Install", to: "/install", match: "/install" },
33

4+
{ label: "Roadmap", to: "/roadmap", match: "/roadmap" },
5+
46
{
57
label: "Docs",
68
href: "https://docs.vixcpp.com",

‎vix-site/src/pages/Roadmap.vue‎

Lines changed: 164 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,164 @@
1+
<template>
2+
<main class="roadmap-page">
3+
<section class="roadmap-hero">
4+
<p class="eyebrow">Roadmap</p>
5+
6+
<h1>Vix.cpp Roadmap</h1>
7+
8+
<p class="hero-text">
9+
Vix.cpp is evolving into a modern C++ runtime and developer platform
10+
focused on fast builds, clean tooling, reliable modules, and a better
11+
native application workflow.
12+
</p>
13+
</section>
14+
15+
<section class="roadmap-section">
16+
<h2>Current focus</h2>
17+
18+
<div class="roadmap-grid">
19+
<article class="roadmap-card">
20+
<span class="status active">In progress</span>
21+
<h3>CLI developer experience</h3>
22+
<p>
23+
Improve <code>vix build</code>, <code>vix run</code>,
24+
<code>vix dev</code>, diagnostics, replay, and project workflows.
25+
</p>
26+
</article>
27+
28+
<article class="roadmap-card">
29+
<span class="status active">In progress</span>
30+
<h3>Core runtime stability</h3>
31+
<p>
32+
Continue stabilizing the core runtime, modules, APIs, build graph,
33+
and long-term architecture.
34+
</p>
35+
</article>
36+
37+
<article class="roadmap-card">
38+
<span class="status planned">Planned</span>
39+
<h3>Documentation and examples</h3>
40+
<p>
41+
Expand guides, API references, module documentation, tutorials,
42+
and real-world examples.
43+
</p>
44+
</article>
45+
</div>
46+
</section>
47+
48+
<section class="roadmap-section">
49+
<h2>Long-term direction</h2>
50+
51+
<ul class="roadmap-list">
52+
<li>Make C++ project creation, building, running, and testing simpler.</li>
53+
<li>Provide reliable modules for web, async, storage, sync, and tooling.</li>
54+
<li>Improve diagnostics so C++ errors become easier to understand.</li>
55+
<li>Support offline-first and local-first application foundations.</li>
56+
<li>Grow Vix.cpp into a serious foundation for native applications.</li>
57+
</ul>
58+
</section>
59+
</main>
60+
</template>
61+
62+
<style scoped>
63+
.roadmap-page {
64+
width: min(1120px, calc(100% - 32px));
65+
margin: 0 auto;
66+
padding: 96px 0;
67+
}
68+
69+
.roadmap-hero {
70+
max-width: 760px;
71+
margin-bottom: 72px;
72+
}
73+
74+
.eyebrow {
75+
margin: 0 0 16px;
76+
color: var(--color-primary, #34d399);
77+
font-weight: 700;
78+
letter-spacing: 0.08em;
79+
text-transform: uppercase;
80+
}
81+
82+
.roadmap-hero h1 {
83+
margin: 0;
84+
font-size: clamp(2.5rem, 6vw, 5rem);
85+
line-height: 1;
86+
letter-spacing: -0.06em;
87+
}
88+
89+
.hero-text {
90+
margin: 24px 0 0;
91+
color: var(--color-muted, #9ca3af);
92+
font-size: 1.15rem;
93+
line-height: 1.8;
94+
}
95+
96+
.roadmap-section {
97+
margin-top: 64px;
98+
}
99+
100+
.roadmap-section h2 {
101+
margin: 0 0 24px;
102+
font-size: 1.8rem;
103+
letter-spacing: -0.03em;
104+
}
105+
106+
.roadmap-grid {
107+
display: grid;
108+
grid-template-columns: repeat(2, minmax(0, 1fr));
109+
gap: 20px;
110+
}
111+
112+
.roadmap-card {
113+
padding: 24px;
114+
border: 1px solid rgba(148, 163, 184, 0.18);
115+
border-radius: 24px;
116+
background: rgba(15, 23, 42, 0.45);
117+
}
118+
119+
.roadmap-card h3 {
120+
margin: 14px 0 10px;
121+
font-size: 1.2rem;
122+
}
123+
124+
.roadmap-card p {
125+
margin: 0;
126+
color: var(--color-muted, #9ca3af);
127+
line-height: 1.7;
128+
}
129+
130+
.status {
131+
display: inline-flex;
132+
padding: 6px 10px;
133+
border-radius: 999px;
134+
font-size: 0.78rem;
135+
font-weight: 700;
136+
}
137+
138+
.status.active {
139+
color: #bbf7d0;
140+
background: rgba(34, 197, 94, 0.16);
141+
}
142+
143+
.status.planned {
144+
color: #fed7aa;
145+
background: rgba(249, 115, 22, 0.16);
146+
}
147+
148+
.roadmap-list {
149+
margin: 0;
150+
padding-left: 20px;
151+
color: var(--color-muted, #9ca3af);
152+
line-height: 1.9;
153+
}
154+
155+
@media (max-width: 760px) {
156+
.roadmap-page {
157+
padding: 72px 0;
158+
}
159+
160+
.roadmap-grid {
161+
grid-template-columns: 1fr;
162+
}
163+
}
164+
</style>

‎vix-site/src/router/index.js‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import Home from "../pages/Home.vue";
44
import Install from "../pages/Install.vue";
55
import Community from "../pages/Community.vue";
66
import Support from "../pages/Support.vue";
7+
import Roadmap from "../pages/Roadmap.vue";
78
import NotFound from "../pages/NotFound.vue";
89

910
import Releases from "../pages/about/Releases.vue";
@@ -62,6 +63,29 @@ const routes = [
6263
},
6364
},
6465

66+
{
67+
path: "/roadmap",
68+
name: "roadmap",
69+
component: Roadmap,
70+
meta: {
71+
seo: {
72+
title: "Roadmap",
73+
description:
74+
"Explore the Vix.cpp roadmap: runtime direction, CLI improvements, modules, registry, tooling, and long-term platform goals.",
75+
path: "/roadmap",
76+
type: "website",
77+
jsonLd: {
78+
"@context": "https://schema.org",
79+
"@type": "WebPage",
80+
name: "Vix.cpp Roadmap",
81+
description:
82+
"The public roadmap for Vix.cpp, covering runtime, CLI, modules, registry, tooling, and long-term platform direction.",
83+
url: "https://vixcpp.com/roadmap",
84+
},
85+
},
86+
},
87+
},
88+
6589
{
6690
path: "/about/community",
6791
name: "community",

0 commit comments

Comments
 (0)