README: what wayBetter is, an architecture diagram, the npm create waybetter quick start with its real output, the packages, and wayBetter for X as the showcase (assets/readme: hero, SVGs, one muted looping clip)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
parent
82c42b0986
commit
2a2175c999
8 changed files with 247 additions and 37 deletions
29
assets/readme/create-terminal.svg
Normal file
29
assets/readme/create-terminal.svg
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 400" width="1000" height="400" role="img" aria-label="Terminal: npm create waybetter app kickapp creates a wayBetter app in kickapp (32 files) and prints the next steps">
|
||||
<defs>
|
||||
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0" stop-color="#0d1222"/>
|
||||
<stop offset="1" stop-color="#080a12"/>
|
||||
</linearGradient>
|
||||
<style>
|
||||
.m{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:15px;fill:#cbd5e1}
|
||||
.p{fill:#22c55e}.d{fill:#7c8aa5}.o{fill:#e6e9f2;font-weight:600}.a{fill:#7dd3fc}
|
||||
</style>
|
||||
</defs>
|
||||
<rect width="1000" height="400" rx="14" fill="url(#bg)" stroke="#24304a"/>
|
||||
<rect width="1000" height="36" rx="14" fill="#121a2e"/>
|
||||
<rect y="22" width="1000" height="14" fill="#121a2e"/>
|
||||
<circle cx="22" cy="18" r="6" fill="#ef4444" opacity=".8"/><circle cx="42" cy="18" r="6" fill="#f59e0b" opacity=".8"/><circle cx="62" cy="18" r="6" fill="#22c55e" opacity=".8"/>
|
||||
<text class="m d" x="500" y="23" text-anchor="middle" font-size="13">npm create waybetter</text>
|
||||
<g class="m">
|
||||
<text x="28" y="76"><tspan class="p">$</tspan> npm create waybetter app kickapp -- --site kick.com --name "wayBetter for Kick" --yes</text>
|
||||
<text x="28" y="120" class="o">Created a wayBetter app in kickapp (32 files).</text>
|
||||
<text x="28" y="160">Next:</text>
|
||||
<text x="52" y="186"><tspan class="a">cd kickapp</tspan></text>
|
||||
<text x="52" y="210"><tspan class="a">git init && git submodule add https://git.crt.fyi/CRT/waybetter.git waybetter</tspan></text>
|
||||
<text x="52" y="234"><tspan class="a">npm install</tspan></text>
|
||||
<text x="52" y="258"><tspan class="a">npm run build</tspan></text>
|
||||
<text x="52" y="282"><tspan class="a">npm run tauri dev</tspan></text>
|
||||
<text x="52" y="306" class="d">then replace the PLACEHOLDER selectors in src/site.ts and src-tauri/src/site.rs</text>
|
||||
<text x="28" y="356"><tspan class="p">$</tspan> <tspan class="d">▍</tspan></text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2 KiB |
Loading…
Add table
Add a link
Reference in a new issue