BoilerWorks

boilerworks / guide / choosing / index.html
Source Rendered
Blame History Raw 1263 lines
1
2
<!doctype html>
3
<html lang="en" class="no-js">
4
<head>
5
6
<meta charset="utf-8">
7
<meta name="viewport" content="width=device-width,initial-scale=1">
8
9
<meta name="description" content="The CLI for boilerworks.ai — stop vibe-coding scaffolding">
10
11
12
<meta name="author" content="CONFLICT LLC">
13
14
15
<link rel="canonical" href="https://boilerworks.dev/guide/choosing/">
16
17
18
<link rel="prev" href="../templates/">
19
20
21
<link rel="next" href="../../cli/setup/">
22
23
24
25
26
27
<link rel="icon" href="../../assets/images/favicon.png">
28
<meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.7.6">
29
30
31
32
<title>Choosing a Template - Boilerworks</title>
33
34
35
36
<link rel="stylesheet" href="../../assets/stylesheets/main.484c7ddc.min.css">
37
38
39
<link rel="stylesheet" href="../../assets/stylesheets/palette.ab4e12ef.min.css">
40
41
42
43
44
45
46
47
48
49
50
51
52
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
53
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
54
<style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
55
56
57
58
<link rel="stylesheet" href="../../assets/css/custom.css">
59
60
<script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
61
62
63
64
65
66
</head>
67
68
69
70
71
72
73
74
75
76
<body dir="ltr" data-md-color-scheme="slate" data-md-color-primary="custom" data-md-color-accent="custom">
77
78
79
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
80
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
81
<label class="md-overlay" for="__drawer"></label>
82
<div data-md-component="skip">
83
84
85
<a href="#choosing-a-template" class="md-skip">
86
Skip to content
87
</a>
88
89
</div>
90
<div data-md-component="announce">
91
92
</div>
93
94
95
96
97
<header class="md-header" data-md-component="header">
98
<nav class="md-header__inner md-grid" aria-label="Header">
99
<a href="../.." title="Boilerworks" class="md-header__button md-logo" aria-label="Boilerworks" data-md-component="logo">
100
101
<img src="../../assets/images/logo.svg" alt="logo">
102
103
</a>
104
<label class="md-header__button md-icon" for="__drawer">
105
106
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
107
</label>
108
<div class="md-header__title" data-md-component="header-title">
109
<div class="md-header__ellipsis">
110
<div class="md-header__topic">
111
<span class="md-ellipsis">
112
Boilerworks
113
</span>
114
</div>
115
<div class="md-header__topic" data-md-component="header-topic">
116
<span class="md-ellipsis">
117
118
Choosing a Template
119
120
</span>
121
</div>
122
</div>
123
</div>
124
125
126
<form class="md-header__option" data-md-component="palette">
127
128
129
130
131
<input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="custom" data-md-color-accent="custom" aria-label="Switch to light mode" type="radio" name="__palette" id="__palette_0">
132
133
<label class="md-header__button md-icon" title="Switch to light mode" for="__palette_1" hidden>
134
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
135
</label>
136
137
138
139
140
141
<input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="custom" data-md-color-accent="custom" aria-label="Switch to dark mode" type="radio" name="__palette" id="__palette_1">
142
143
<label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_0" hidden>
144
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
145
</label>
146
147
148
</form>
149
150
151
152
<script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
153
154
155
156
157
158
<label class="md-header__button md-icon" for="__search">
159
160
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
161
</label>
162
<div class="md-search" data-md-component="search" role="dialog">
163
<label class="md-search__overlay" for="__search"></label>
164
<div class="md-search__inner" role="search">
165
<form class="md-search__form" name="search">
166
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
167
<label class="md-search__icon md-icon" for="__search">
168
169
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
170
171
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
172
</label>
173
<nav class="md-search__options" aria-label="Search">
174
175
<button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
176
177
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
178
</button>
179
</nav>
180
181
<div class="md-search__suggest" data-md-component="search-suggest"></div>
182
183
</form>
184
<div class="md-search__output">
185
<div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
186
<div class="md-search-result" data-md-component="search-result">
187
<div class="md-search-result__meta">
188
Initializing search
189
</div>
190
<ol class="md-search-result__list" role="presentation"></ol>
191
</div>
192
</div>
193
</div>
194
</div>
195
</div>
196
197
198
199
<div class="md-header__source">
200
<a href="https://github.com/ConflictHQ/boilerworks" title="Go to repository" class="md-source" data-md-component="source">
201
<div class="md-source__icon md-icon">
202
203
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M173.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M252.8 8C114.1 8 8 113.3 8 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C436.2 457.8 504 362.9 504 252 504 113.3 391.5 8 252.8 8M105.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
204
</div>
205
<div class="md-source__repository">
206
ConflictHQ/boilerworks
207
</div>
208
</a>
209
</div>
210
211
</nav>
212
213
</header>
214
215
<div class="md-container" data-md-component="container">
216
217
218
219
220
221
<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
222
<div class="md-grid">
223
<ul class="md-tabs__list">
224
225
226
227
228
229
230
<li class="md-tabs__item">
231
<a href="../.." class="md-tabs__link">
232
233
234
235
236
237
Home
238
239
</a>
240
</li>
241
242
243
244
245
246
247
248
249
250
251
<li class="md-tabs__item">
252
<a href="../../getting-started/installation/" class="md-tabs__link">
253
254
255
256
Getting Started
257
258
</a>
259
</li>
260
261
262
263
264
265
266
267
268
269
270
271
272
273
<li class="md-tabs__item md-tabs__item--active">
274
<a href="../templates/" class="md-tabs__link">
275
276
277
278
Templates
279
280
</a>
281
</li>
282
283
284
285
286
287
288
289
290
291
292
293
<li class="md-tabs__item">
294
<a href="../../cli/setup/" class="md-tabs__link">
295
296
297
298
CLI Reference
299
300
</a>
301
</li>
302
303
304
305
306
307
308
309
310
311
<li class="md-tabs__item">
312
<a href="../../contributing/" class="md-tabs__link">
313
314
315
316
317
318
Contributing
319
320
</a>
321
</li>
322
323
324
325
</ul>
326
</div>
327
</nav>
328
329
330
331
<main class="md-main" data-md-component="main">
332
<div class="md-main__inner md-grid">
333
334
335
336
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
337
<div class="md-sidebar__scrollwrap">
338
<div class="md-sidebar__inner">
339
340
341
342
343
344
345
<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
346
<label class="md-nav__title" for="__drawer">
347
<a href="../.." title="Boilerworks" class="md-nav__button md-logo" aria-label="Boilerworks" data-md-component="logo">
348
349
<img src="../../assets/images/logo.svg" alt="logo">
350
351
</a>
352
Boilerworks
353
</label>
354
355
<div class="md-nav__source">
356
<a href="https://github.com/ConflictHQ/boilerworks" title="Go to repository" class="md-source" data-md-component="source">
357
<div class="md-source__icon md-icon">
358
359
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M173.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M252.8 8C114.1 8 8 113.3 8 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C436.2 457.8 504 362.9 504 252 504 113.3 391.5 8 252.8 8M105.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
360
</div>
361
<div class="md-source__repository">
362
ConflictHQ/boilerworks
363
</div>
364
</a>
365
</div>
366
367
<ul class="md-nav__list" data-md-scrollfix>
368
369
370
371
372
373
374
375
<li class="md-nav__item">
376
<a href="../.." class="md-nav__link">
377
378
379
380
<span class="md-ellipsis">
381
382
383
Home
384
385
386
387
</span>
388
389
390
391
</a>
392
</li>
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
<li class="md-nav__item md-nav__item--nested">
413
414
415
416
417
418
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_2" >
419
420
421
<label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
422
423
424
425
<span class="md-ellipsis">
426
427
428
Getting Started
429
430
431
432
</span>
433
434
435
436
<span class="md-nav__icon md-icon"></span>
437
</label>
438
439
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
440
<label class="md-nav__title" for="__nav_2">
441
<span class="md-nav__icon md-icon"></span>
442
443
444
Getting Started
445
446
447
</label>
448
<ul class="md-nav__list" data-md-scrollfix>
449
450
451
452
453
454
455
456
<li class="md-nav__item">
457
<a href="../../getting-started/installation/" class="md-nav__link">
458
459
460
461
<span class="md-ellipsis">
462
463
464
Installation
465
466
467
468
</span>
469
470
471
472
</a>
473
</li>
474
475
476
477
478
479
480
481
482
483
484
<li class="md-nav__item">
485
<a href="../../getting-started/quickstart/" class="md-nav__link">
486
487
488
489
<span class="md-ellipsis">
490
491
492
Quick Start
493
494
495
496
</span>
497
498
499
500
</a>
501
</li>
502
503
504
505
506
507
508
509
510
511
512
<li class="md-nav__item">
513
<a href="../../getting-started/configuration/" class="md-nav__link">
514
515
516
517
<span class="md-ellipsis">
518
519
520
Configuration
521
522
523
524
</span>
525
526
527
528
</a>
529
</li>
530
531
532
533
534
</ul>
535
</nav>
536
537
</li>
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
<li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
563
564
565
566
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" checked>
567
568
569
<label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="">
570
571
572
573
<span class="md-ellipsis">
574
575
576
Templates
577
578
579
580
</span>
581
582
583
584
<span class="md-nav__icon md-icon"></span>
585
</label>
586
587
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="true">
588
<label class="md-nav__title" for="__nav_3">
589
<span class="md-nav__icon md-icon"></span>
590
591
592
Templates
593
594
595
</label>
596
<ul class="md-nav__list" data-md-scrollfix>
597
598
599
600
601
602
603
604
<li class="md-nav__item">
605
<a href="../templates/" class="md-nav__link">
606
607
608
609
<span class="md-ellipsis">
610
611
612
Catalogue
613
614
615
616
</span>
617
618
619
620
</a>
621
</li>
622
623
624
625
626
627
628
629
630
631
632
633
634
<li class="md-nav__item md-nav__item--active">
635
636
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
637
638
639
640
641
642
<label class="md-nav__link md-nav__link--active" for="__toc">
643
644
645
646
<span class="md-ellipsis">
647
648
649
Choosing a Template
650
651
652
653
</span>
654
655
656
657
<span class="md-nav__icon md-icon"></span>
658
</label>
659
660
<a href="./" class="md-nav__link md-nav__link--active">
661
662
663
664
<span class="md-ellipsis">
665
666
667
Choosing a Template
668
669
670
671
</span>
672
673
674
675
</a>
676
677
678
679
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
680
681
682
683
684
685
686
<label class="md-nav__title" for="__toc">
687
<span class="md-nav__icon md-icon"></span>
688
Table of contents
689
</label>
690
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
691
692
<li class="md-nav__item">
693
<a href="#by-what-youre-building" class="md-nav__link">
694
<span class="md-ellipsis">
695
696
By what you're building
697
698
</span>
699
</a>
700
701
</li>
702
703
<li class="md-nav__item">
704
<a href="#by-your-teams-stack" class="md-nav__link">
705
<span class="md-ellipsis">
706
707
By your team's stack
708
709
</span>
710
</a>
711
712
</li>
713
714
<li class="md-nav__item">
715
<a href="#by-frontend-preference" class="md-nav__link">
716
<span class="md-ellipsis">
717
718
By frontend preference
719
720
</span>
721
</a>
722
723
</li>
724
725
<li class="md-nav__item">
726
<a href="#crown-jewels" class="md-nav__link">
727
<span class="md-ellipsis">
728
729
Crown jewels
730
731
</span>
732
</a>
733
734
</li>
735
736
</ul>
737
738
</nav>
739
740
</li>
741
742
743
744
745
</ul>
746
</nav>
747
748
</li>
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
<li class="md-nav__item md-nav__item--nested">
769
770
771
772
773
774
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_4" >
775
776
777
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
778
779
780
781
<span class="md-ellipsis">
782
783
784
CLI Reference
785
786
787
788
</span>
789
790
791
792
<span class="md-nav__icon md-icon"></span>
793
</label>
794
795
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
796
<label class="md-nav__title" for="__nav_4">
797
<span class="md-nav__icon md-icon"></span>
798
799
800
CLI Reference
801
802
803
</label>
804
<ul class="md-nav__list" data-md-scrollfix>
805
806
807
808
809
810
811
812
<li class="md-nav__item">
813
<a href="../../cli/setup/" class="md-nav__link">
814
815
816
817
<span class="md-ellipsis">
818
819
820
setup
821
822
823
824
</span>
825
826
827
828
</a>
829
</li>
830
831
832
833
834
835
836
837
838
839
840
<li class="md-nav__item">
841
<a href="../../cli/init/" class="md-nav__link">
842
843
844
845
<span class="md-ellipsis">
846
847
848
init
849
850
851
852
</span>
853
854
855
856
</a>
857
</li>
858
859
860
861
862
863
864
865
866
867
868
<li class="md-nav__item">
869
<a href="../../cli/list/" class="md-nav__link">
870
871
872
873
<span class="md-ellipsis">
874
875
876
list
877
878
879
880
</span>
881
882
883
884
</a>
885
</li>
886
887
888
889
890
891
892
893
894
895
896
<li class="md-nav__item">
897
<a href="../../cli/bootstrap/" class="md-nav__link">
898
899
900
901
<span class="md-ellipsis">
902
903
904
bootstrap
905
906
907
908
</span>
909
910
911
912
</a>
913
</li>
914
915
916
917
918
</ul>
919
</nav>
920
921
</li>
922
923
924
925
926
927
928
929
930
931
<li class="md-nav__item">
932
<a href="../../contributing/" class="md-nav__link">
933
934
935
936
<span class="md-ellipsis">
937
938
939
Contributing
940
941
942
943
</span>
944
945
946
947
</a>
948
</li>
949
950
951
952
</ul>
953
</nav>
954
</div>
955
</div>
956
</div>
957
958
959
960
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
961
<div class="md-sidebar__scrollwrap">
962
<div class="md-sidebar__inner">
963
964
965
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
966
967
968
969
970
971
972
<label class="md-nav__title" for="__toc">
973
<span class="md-nav__icon md-icon"></span>
974
Table of contents
975
</label>
976
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
977
978
<li class="md-nav__item">
979
<a href="#by-what-youre-building" class="md-nav__link">
980
<span class="md-ellipsis">
981
982
By what you're building
983
984
</span>
985
</a>
986
987
</li>
988
989
<li class="md-nav__item">
990
<a href="#by-your-teams-stack" class="md-nav__link">
991
<span class="md-ellipsis">
992
993
By your team's stack
994
995
</span>
996
</a>
997
998
</li>
999
1000
<li class="md-nav__item">
1001
<a href="#by-frontend-preference" class="md-nav__link">
1002
<span class="md-ellipsis">
1003
1004
By frontend preference
1005
1006
</span>
1007
</a>
1008
1009
</li>
1010
1011
<li class="md-nav__item">
1012
<a href="#crown-jewels" class="md-nav__link">
1013
<span class="md-ellipsis">
1014
1015
Crown jewels
1016
1017
</span>
1018
</a>
1019
1020
</li>
1021
1022
</ul>
1023
1024
</nav>
1025
</div>
1026
</div>
1027
</div>
1028
1029
1030
1031
<div class="md-content" data-md-component="content">
1032
1033
<article class="md-content__inner md-typeset">
1034
1035
1036
1037
1038
1039
1040
1041
1042
<h1 id="choosing-a-template">Choosing a Template<a class="headerlink" href="#choosing-a-template" title="Permanent link">&para;</a></h1>
1043
<h2 id="by-what-youre-building">By what you're building<a class="headerlink" href="#by-what-youre-building" title="Permanent link">&para;</a></h2>
1044
<table>
1045
<thead>
1046
<tr>
1047
<th>If you're building...</th>
1048
<th>Use</th>
1049
</tr>
1050
</thead>
1051
<tbody>
1052
<tr>
1053
<td>SaaS with user accounts, teams, billing</td>
1054
<td>Full</td>
1055
</tr>
1056
<tr>
1057
<td>Internal tool / admin app</td>
1058
<td>Full</td>
1059
</tr>
1060
<tr>
1061
<td>Public API for developers</td>
1062
<td>Micro</td>
1063
</tr>
1064
<tr>
1065
<td>Microservice in a larger system</td>
1066
<td>Micro</td>
1067
</tr>
1068
<tr>
1069
<td>Marketing site or landing page</td>
1070
<td>Edge</td>
1071
</tr>
1072
<tr>
1073
<td>Globally distributed API</td>
1074
<td>Edge</td>
1075
</tr>
1076
</tbody>
1077
</table>
1078
<h2 id="by-your-teams-stack">By your team's stack<a class="headerlink" href="#by-your-teams-stack" title="Permanent link">&para;</a></h2>
1079
<table>
1080
<thead>
1081
<tr>
1082
<th>Team knows...</th>
1083
<th>Reach for</th>
1084
</tr>
1085
</thead>
1086
<tbody>
1087
<tr>
1088
<td>Python</td>
1089
<td><code>django-nextjs</code>, <code>django-micro</code>, <code>fastapi-micro</code></td>
1090
</tr>
1091
<tr>
1092
<td>Ruby</td>
1093
<td><code>rails-nextjs</code>, <code>rails-hotwire</code>, <code>rails-micro</code></td>
1094
</tr>
1095
<tr>
1096
<td>TypeScript (Node)</td>
1097
<td><code>nestjs-nextjs</code>, <code>nestjs-micro</code>, <code>express-micro</code></td>
1098
</tr>
1099
<tr>
1100
<td>PHP</td>
1101
<td><code>laravel-vue</code>, <code>laravel-micro</code></td>
1102
</tr>
1103
<tr>
1104
<td>Java / Kotlin</td>
1105
<td><code>spring-angular</code>, <code>spring-micro</code></td>
1106
</tr>
1107
<tr>
1108
<td>Go</td>
1109
<td><code>go-nextjs</code>, <code>go-micro</code></td>
1110
</tr>
1111
<tr>
1112
<td>Elixir</td>
1113
<td><code>phoenix-liveview</code>, <code>phoenix-micro</code></td>
1114
</tr>
1115
<tr>
1116
<td>Rust</td>
1117
<td><code>rust-micro</code></td>
1118
</tr>
1119
<tr>
1120
<td>Full-stack JS (no separate backend)</td>
1121
<td><code>remix-full</code>, <code>sveltekit-full</code>, <code>remix-edge</code>, <code>sveltekit-edge</code></td>
1122
</tr>
1123
</tbody>
1124
</table>
1125
<h2 id="by-frontend-preference">By frontend preference<a class="headerlink" href="#by-frontend-preference" title="Permanent link">&para;</a></h2>
1126
<table>
1127
<thead>
1128
<tr>
1129
<th>Frontend</th>
1130
<th>Full templates</th>
1131
</tr>
1132
</thead>
1133
<tbody>
1134
<tr>
1135
<td>Next.js (React)</td>
1136
<td><code>django-nextjs</code>, <code>rails-nextjs</code>, <code>nestjs-nextjs</code>, <code>go-nextjs</code></td>
1137
</tr>
1138
<tr>
1139
<td>Vue (Inertia)</td>
1140
<td><code>laravel-vue</code></td>
1141
</tr>
1142
<tr>
1143
<td>Angular</td>
1144
<td><code>spring-angular</code></td>
1145
</tr>
1146
<tr>
1147
<td>Hotwire (server-rendered)</td>
1148
<td><code>rails-hotwire</code></td>
1149
</tr>
1150
<tr>
1151
<td>LiveView (server-rendered)</td>
1152
<td><code>phoenix-liveview</code></td>
1153
</tr>
1154
<tr>
1155
<td>Remix</td>
1156
<td><code>remix-full</code>, <code>remix-edge</code></td>
1157
</tr>
1158
<tr>
1159
<td>SvelteKit</td>
1160
<td><code>sveltekit-full</code>, <code>sveltekit-edge</code></td>
1161
</tr>
1162
</tbody>
1163
</table>
1164
<h2 id="crown-jewels">Crown jewels<a class="headerlink" href="#crown-jewels" title="Permanent link">&para;</a></h2>
1165
<p><strong><code>django-nextjs</code></strong> — the reference implementation. Every pattern in the catalogue was refined here first. Django 5 backend with Strawberry GraphQL, Next.js 16 frontend with Apollo Client. If you're unsure, start here.</p>
1166
<p><strong><code>rails-hotwire</code></strong> — the most opinionated Rails stack. Hotwire (Turbo + Stimulus) + Tailwind CSS 4 + Pundit + Solid Queue. Zero JavaScript build complexity, full interactivity.</p>
1167
<p><strong><code>fastapi-micro</code></strong> — async-native Python API. The fastest way to ship a Python microservice that can handle real load.</p>
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
</article>
1182
</div>
1183
1184
1185
<script>var tabs=__md_get("__tabs");if(Array.isArray(tabs))e:for(var set of document.querySelectorAll(".tabbed-set")){var labels=set.querySelector(".tabbed-labels");for(var tab of tabs)for(var label of labels.getElementsByTagName("label"))if(label.innerText.trim()===tab){var input=document.getElementById(label.htmlFor);input.checked=!0;continue e}}</script>
1186
1187
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
1188
</div>
1189
1190
<button type="button" class="md-top md-icon" data-md-component="top" hidden>
1191
1192
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
1193
Back to top
1194
</button>
1195
1196
</main>
1197
1198
<footer class="md-footer">
1199
1200
<div class="md-footer-meta md-typeset">
1201
<div class="md-footer-meta__inner md-grid">
1202
<div class="md-copyright">
1203
1204
<div class="md-copyright__highlight">
1205
Copyright &copy; 2026 CONFLICT LLC
1206
</div>
1207
1208
1209
Made with
1210
<a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
1211
Material for MkDocs
1212
</a>
1213
1214
</div>
1215
1216
1217
<div class="md-social">
1218
1219
1220
1221
1222
1223
1224
1225
1226
<a href="https://github.com/ConflictHQ/boilerworks" target="_blank" rel="noopener" title="github.com" class="md-social__link">
1227
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M173.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M252.8 8C114.1 8 8 113.3 8 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C436.2 457.8 504 362.9 504 252 504 113.3 391.5 8 252.8 8M105.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
1228
</a>
1229
1230
1231
1232
1233
1234
1235
1236
1237
<a href="https://boilerworks.ai" target="_blank" rel="noopener" title="boilerworks.ai" class="md-social__link">
1238
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M351.9 280H161c2.9 64.5 17.2 123.9 37.5 167.4 11.4 24.5 23.7 41.8 35.1 52.4 11.2 10.5 18.9 12.2 22.9 12.2s11.7-1.7 22.9-12.2c11.4-10.6 23.7-28 35.1-52.4 20.3-43.5 34.6-102.9 37.5-167.4zm-191-48h190.9c-2.8-64.5-17.1-123.9-37.4-167.4-11.4-24.4-23.7-41.8-35.1-52.4C268.1 1.7 260.4 0 256.4 0s-11.7 1.7-22.9 12.2c-11.4 10.6-23.7 28-35.1 52.4-20.3 43.5-34.6 102.9-37.5 167.4m-48 0c3.5-85.6 25.6-165.1 57.9-217.3C78.7 47.3 10.9 131.2 1.5 232zM1.5 280c9.4 100.8 77.2 184.7 169.3 217.3-32.3-52.2-54.4-131.7-57.9-217.3zm398.4 0c-3.5 85.6-25.6 165.1-57.9 217.3 92.1-32.7 159.9-116.5 169.3-217.3zm111.4-48C501.9 131.2 434.1 47.3 342 14.7c32.3 52.2 54.4 131.7 57.9 217.3z"/></svg>
1239
</a>
1240
1241
</div>
1242
1243
</div>
1244
</div>
1245
</footer>
1246
1247
</div>
1248
<div class="md-dialog" data-md-component="dialog">
1249
<div class="md-dialog__inner md-typeset"></div>
1250
</div>
1251
1252
1253
1254
1255
1256
<script id="__config" type="application/json">{"annotate": null, "base": "../..", "features": ["navigation.instant", "navigation.tabs", "navigation.sections", "navigation.expand", "navigation.top", "search.suggest", "search.highlight", "content.code.copy", "content.tabs.link", "header.autohide"], "search": "../../assets/javascripts/workers/search.2c215733.min.js", "tags": null, "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": null}</script>
1257
1258
1259
<script src="../../assets/javascripts/bundle.79ae519e.min.js"></script>
1260
1261
1262
</body>
1263
</html>

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button