Skip to content

Commit 162be5d

Browse files
tg339tg339
committed
added templates to new docs
1 parent 8305eb6 commit 162be5d

File tree

11 files changed

+831
-361
lines changed

11 files changed

+831
-361
lines changed

‎apps/framework-docs-v2/content/moosestack/templates-examples.mdx‎

Lines changed: 4 additions & 352 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ category: getting-started
88
import { CTACards, CTACard } from "@/components/mdx";
99
import { Badge } from "@/components/ui/badge";
1010
import Link from "next/link";
11+
import { TemplatesGridServer } from "@/components/mdx";
1112

1213
# Templates & Apps
1314

@@ -68,357 +69,8 @@ moose template list
6869
</CTACards>
6970
---
7071

71-
## Browse Apps
72+
## Browse Apps and Templates
7273

73-
### Nextjs + Express + MCP demo app: Aircraft data [#plane-transponder-demo]
74+
Explore our collection of templates and demo apps. Use the filters below to find items by type, language, category, or search by name or features.
7475

75-
Complete demo application featuring real-time aircraft transponder data with MCP chat integration.
76-
77-
**Repository:** [https://github.com/514-labs/planes](https://github.com/514-labs/planes)
78-
79-
<div>
80-
<p><strong>Key Features:</strong></p>
81-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
82-
<Badge variant="outline">Next.js</Badge>
83-
<Badge variant="outline">Express</Badge>
84-
<Badge variant="outline">MCP</Badge>
85-
<Badge variant="outline">Moose OLAP</Badge>
86-
<Badge variant="outline">ClickHouse</Badge>
87-
</div>
88-
</div>
89-
90-
---
91-
92-
### Postgres to ClickHouse CDC with Debezium [#postgres-clickhouse-cdc]
93-
94-
Easy-to-run demo of a CDC pipeline using Debezium, PostgreSQL, Redpanda, and ClickHouse.
95-
96-
**Repository:** [https://github.com/514-labs/debezium-cdc](https://github.com/514-labs/debezium-cdc)
97-
98-
**Blog Post:** [Code-First CDC to ClickHouse with Debezium, Redpanda, and MooseStack](https://www.fiveonefour.com/blog/cdc-postgres-to-clickhouse-debezium-drizzle)
99-
100-
<div>
101-
<p><strong>Key Features:</strong></p>
102-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
103-
<Badge variant="outline">CDC</Badge>
104-
<Badge variant="outline">Debezium</Badge>
105-
<Badge variant="outline">PostgreSQL</Badge>
106-
<Badge variant="outline">Redpanda</Badge>
107-
<Badge variant="outline">ClickHouse</Badge>
108-
<Badge variant="outline">Drizzle ORM</Badge>
109-
</div>
110-
</div>
111-
112-
---
113-
114-
### User-facing analytics reference app (Postgres + Clickhouse + React) [#foobar-ufa]
115-
116-
A complete reference architecture showing how to add a dedicated analytics microservice to an existing application without impacting your primary database. Features Postgres + ClickHouse + React frontend with chat analytics.
117-
118-
**Repository:** [https://github.com/514-labs/area-code/tree/main/ufa](https://github.com/514-labs/area-code/tree/main/ufa)
119-
120-
<div>
121-
<p><strong>Key Features:</strong></p>
122-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
123-
<Badge variant="outline">PostgreSQL</Badge>
124-
<Badge variant="outline">ClickHouse</Badge>
125-
<Badge variant="outline">React</Badge>
126-
<Badge variant="outline">TanStack Query</Badge>
127-
<Badge variant="outline">Supabase</Badge>
128-
<Badge variant="outline">Moose OLAP</Badge>
129-
<Badge variant="outline">Moose Streaming</Badge>
130-
<Badge variant="outline">Moose APIs</Badge>
131-
<Badge variant="outline">Elasticsearch</Badge>
132-
<Badge variant="outline">Temporal</Badge>
133-
</div>
134-
</div>
135-
136-
---
137-
138-
### User-facing analytics reference app (Clickhouse Cloud + React) [#foobar-ufa-lite]
139-
140-
A simplified version of the UFA architecture using ClickHouse Cloud + React frontend with chat analytics. This version demonstrates a cloud-native approach without local infrastructure dependencies.
141-
142-
**Repository:** [https://github.com/514-labs/area-code/tree/main/ufa-lite](https://github.com/514-labs/area-code/tree/main/ufa-lite)
143-
144-
<div>
145-
<p><strong>Key Features:</strong></p>
146-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
147-
<Badge variant="outline">ClickHouse Cloud</Badge>
148-
<Badge variant="outline">React</Badge>
149-
<Badge variant="outline">Moose OLAP</Badge>
150-
<Badge variant="outline">Moose APIs</Badge>
151-
</div>
152-
</div>
153-
154-
---
155-
156-
## Browse Templates
157-
158-
### TypeScript (Default) [#typescript-default]
159-
160-
Default TypeScript project, seeded with foobar example components.
161-
162-
```bash filename="Terminal" copy
163-
moose init PROJECT_NAME typescript
164-
```
165-
166-
**Repository:** [https://github.com/514-labs/moosestack/tree/main/templates/typescript](https://github.com/514-labs/moosestack/tree/main/templates/typescript)
167-
168-
<div>
169-
<p><strong>Key Features:</strong></p>
170-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
171-
<Badge variant="outline">Moose APIs</Badge>
172-
<Badge variant="outline">Moose OLAP</Badge>
173-
<Badge variant="outline">Moose Streaming</Badge>
174-
<Badge variant="outline">Moose Workflows</Badge>
175-
</div>
176-
</div>
177-
178-
---
179-
180-
### Python (Default) [#python-default]
181-
182-
Default Python project, seeded with foobar example components.
183-
184-
```bash filename="Terminal" copy
185-
moose init PROJECT_NAME python
186-
```
187-
188-
**Repository:** [https://github.com/514-labs/moosestack/tree/main/templates/python](https://github.com/514-labs/moosestack/tree/main/templates/python)
189-
190-
<div>
191-
<p><strong>Key Features:</strong></p>
192-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
193-
<Badge variant="outline">Moose APIs</Badge>
194-
<Badge variant="outline">Moose OLAP</Badge>
195-
<Badge variant="outline">Moose Streaming</Badge>
196-
<Badge variant="outline">Moose Workflows</Badge>
197-
</div>
198-
</div>
199-
200-
---
201-
202-
### TypeScript (Empty) [#typescript-empty]
203-
204-
Empty TypeScript project with minimal structure.
205-
206-
```bash filename="Terminal" copy
207-
moose init PROJECT_NAME typescript-empty
208-
```
209-
210-
**Repository:** [https://github.com/514-labs/moosestack/tree/main/templates/typescript-empty](https://github.com/514-labs/moosestack/tree/main/templates/typescript-empty)
211-
212-
<div>
213-
<p><strong>Key Features:</strong></p>
214-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
215-
<Badge variant="outline">TypeScript</Badge>
216-
<Badge variant="outline">Moose OLAP</Badge>
217-
</div>
218-
</div>
219-
220-
---
221-
222-
### Python (Empty) [#python-empty]
223-
224-
Empty Python project with minimal structure.
225-
226-
```bash filename="Terminal" copy
227-
moose init PROJECT_NAME python-empty
228-
```
229-
230-
**Repository:** [https://github.com/514-labs/moosestack/tree/main/templates/python-empty](https://github.com/514-labs/moosestack/tree/main/templates/python-empty)
231-
232-
<div>
233-
<p><strong>Key Features:</strong></p>
234-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
235-
<Badge variant="outline">Python</Badge>
236-
<Badge variant="outline">Moose OLAP</Badge>
237-
</div>
238-
</div>
239-
240-
---
241-
242-
### Next.js (Empty) [#nextjs-empty]
243-
244-
TypeScript project with a Next.js frontend (empty).
245-
246-
```bash filename="Terminal" copy
247-
moose init PROJECT_NAME next-app-empty
248-
```
249-
250-
**Repository:** [https://github.com/514-labs/moosestack/tree/main/templates/next-app-empty](https://github.com/514-labs/moosestack/tree/main/templates/next-app-empty)
251-
252-
<div>
253-
<p><strong>Key Features:</strong></p>
254-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
255-
<Badge variant="outline">Next.js</Badge>
256-
<Badge variant="outline">TypeScript</Badge>
257-
<Badge variant="outline">Moose APIs</Badge>
258-
<Badge variant="outline">Moose OLAP</Badge>
259-
<Badge variant="outline">Moose Streaming</Badge>
260-
<Badge variant="outline">Moose Workflows</Badge>
261-
</div>
262-
</div>
263-
264-
---
265-
266-
### Express.js [#express]
267-
268-
TypeScript project using Express for serving analytical APIs.
269-
270-
```bash filename="Terminal" copy
271-
moose init PROJECT_NAME typescript-express
272-
```
273-
274-
**Repository:** [https://github.com/514-labs/moosestack/tree/main/templates/typescript-express](https://github.com/514-labs/moosestack/tree/main/templates/typescript-express)
275-
276-
<div>
277-
<p><strong>Key Features:</strong></p>
278-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
279-
<Badge variant="outline">Express.js</Badge>
280-
<Badge variant="outline">TypeScript</Badge>
281-
<Badge variant="outline">Moose OLAP</Badge>
282-
<Badge variant="outline">Moose Streaming</Badge>
283-
<Badge variant="outline">Moose Workflows</Badge>
284-
</div>
285-
</div>
286-
287-
---
288-
289-
### TypeScript MCP [#typescript-mcp]
290-
291-
TypeScript project with an MCP (Model Context Protocol) implementation using Express. The included example tool enables LLMs to query ClickHouse.
292-
293-
```bash filename="Terminal" copy
294-
moose init PROJECT_NAME typescript-mcp
295-
```
296-
297-
**Repository:** [https://github.com/514-labs/moosestack/tree/main/templates/typescript-mcp](https://github.com/514-labs/moosestack/tree/main/templates/typescript-mcp)
298-
299-
<div>
300-
<p><strong>Key Features:</strong></p>
301-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
302-
<Badge variant="outline">TypeScript</Badge>
303-
<Badge variant="outline">MCP</Badge>
304-
<Badge variant="outline">Express</Badge>
305-
<Badge variant="outline">Moose OLAP</Badge>
306-
<Badge variant="outline">Moose Streaming</Badge>
307-
<Badge variant="outline">Moose Workflows</Badge>
308-
</div>
309-
</div>
310-
311-
---
312-
313-
### FastAPI [#fastapi]
314-
315-
Python project using FastAPI for serving analytical APIs.
316-
317-
```bash filename="Terminal" copy
318-
moose init PROJECT_NAME python-fastapi
319-
```
320-
321-
**Repository:** [https://github.com/514-labs/moosestack/tree/main/templates/python-fastapi](https://github.com/514-labs/moosestack/tree/main/templates/python-fastapi)
322-
323-
<div>
324-
<p><strong>Key Features:</strong></p>
325-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
326-
<Badge variant="outline">FastAPI</Badge>
327-
<Badge variant="outline">Python</Badge>
328-
<Badge variant="outline">Moose OLAP</Badge>
329-
<Badge variant="outline">Moose Streaming</Badge>
330-
<Badge variant="outline">Moose Workflows</Badge>
331-
</div>
332-
</div>
333-
334-
---
335-
336-
### FastAPI (Client-Only) [#fastapi-client-only]
337-
338-
FastAPI client-only project using MooseStack libraries without requiring the Moose runtime.
339-
340-
```bash filename="Terminal" copy
341-
moose init PROJECT_NAME python-fastapi-client-only
342-
```
343-
344-
**Repository:** [https://github.com/514-labs/moosestack/tree/main/templates/python-fastapi-client-only](https://github.com/514-labs/moosestack/tree/main/templates/python-fastapi-client-only)
345-
346-
<div>
347-
<p><strong>Key Features:</strong></p>
348-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
349-
<Badge variant="outline">FastAPI</Badge>
350-
<Badge variant="outline">Python</Badge>
351-
<Badge variant="outline">Moose OLAP</Badge>
352-
<Badge variant="outline">Moose Streaming</Badge>
353-
<Badge variant="outline">Moose Workflows</Badge>
354-
</div>
355-
</div>
356-
357-
---
358-
359-
### ADS-B (Aircraft Tracking) [#adsb]
360-
361-
Real-time aircraft transponder data tracking.
362-
363-
```bash filename="Terminal" copy
364-
moose init PROJECT_NAME ads-b
365-
```
366-
367-
**Repository:** [https://github.com/514-labs/moosestack/tree/main/templates/ads-b](https://github.com/514-labs/moosestack/tree/main/templates/ads-b)
368-
369-
<div>
370-
<p><strong>Key Features:</strong></p>
371-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
372-
<Badge variant="outline">Moose APIs</Badge>
373-
<Badge variant="outline">Moose OLAP</Badge>
374-
<Badge variant="outline">Moose Streaming</Badge>
375-
<Badge variant="outline">Moose Workflows</Badge>
376-
</div>
377-
</div>
378-
379-
---
380-
381-
### ADS-B with Frontend [#adsb-frontend]
382-
383-
Real-time aircraft transponder data with a React frontend.
384-
385-
```bash filename="Terminal" copy
386-
moose init PROJECT_NAME ads-b-frontend
387-
```
388-
389-
**Repository:** [https://github.com/514-labs/moosestack/tree/main/templates/ads-b-frontend](https://github.com/514-labs/moosestack/tree/main/templates/ads-b-frontend)
390-
391-
<div>
392-
<p><strong>Key Features:</strong></p>
393-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
394-
<Badge variant="outline">Next.js</Badge>
395-
<Badge variant="outline">React</Badge>
396-
<Badge variant="outline">Moose APIs</Badge>
397-
<Badge variant="outline">Moose OLAP</Badge>
398-
<Badge variant="outline">Moose Workflows</Badge>
399-
</div>
400-
</div>
401-
402-
---
403-
404-
### Live Heart Rate Leaderboard [#heartrate]
405-
406-
Live heart rate leaderboard inspired by F45 with Streamlit frontend.
407-
408-
```bash filename="Terminal" copy
409-
moose init PROJECT_NAME live-heartrate-leaderboard
410-
```
411-
412-
**Repository:** [https://github.com/514-labs/moosestack/tree/main/templates/live-heartrate-leaderboard](https://github.com/514-labs/moosestack/tree/main/templates/live-heartrate-leaderboard)
413-
414-
<div>
415-
<p><strong>Key Features:</strong></p>
416-
<div className="flex flex-wrap gap-2 mt-2 mb-4">
417-
<Badge variant="outline">Streamlit</Badge>
418-
<Badge variant="outline">Python</Badge>
419-
<Badge variant="outline">Moose APIs</Badge>
420-
<Badge variant="outline">Moose OLAP</Badge>
421-
<Badge variant="outline">Moose Streaming</Badge>
422-
<Badge variant="outline">Moose Workflows</Badge>
423-
</div>
424-
</div>
76+
<TemplatesGridServer />

‎apps/framework-docs-v2/package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@
3939
"class-variance-authority": "^0.7.1",
4040
"clsx": "^2.1.1",
4141
"cmdk": "^1.0.0",
42+
"@iarna/toml": "^2.2.5",
4243
"gray-matter": "^4.0.3",
4344
"html-to-text": "^9.0.5",
4445
"motion": "^12.23.12",

‎apps/framework-docs-v2/src/components/mdx-renderer.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@ import {
2626
Fixed,
2727
Security,
2828
BreakingChanges,
29+
TemplatesGridServer,
2930
} from "@/components/mdx";
3031
import { FileTreeFolder, FileTreeFile } from "@/components/mdx/file-tree";
3132
import { CodeEditor } from "@/components/ui/shadcn-io/code-editor";
@@ -118,6 +119,7 @@ export async function MDXRenderer({ source }: MDXRendererProps) {
118119
Fixed,
119120
Security,
120121
BreakingChanges,
122+
TemplatesGridServer,
121123
CodeEditor,
122124
Separator,
123125
Tabs,

0 commit comments

Comments
 (0)