deblan-mirror/wails
1
0
Fork 0
mirror of https://github.com/wailsapp/wails.git synced 2026-03-14 14:45:49 +01:00
Code Issues Projects Releases Packages Wiki Activity

docs: Update landing page and fix tutorial links

Browse source 
- Change BETA to ALPHA across documentation
- Add new showcase images (mchat, edex-ui) to landing page sliders
- Remove bulletin board and emailit images from sliders
- Increase slider spacing from 350px to 550px to reduce overlap
- Fix tutorial links to use numbered filenames (02-todo-vanilla, 03-notes-vanilla)
- Update 7 broken tutorial links across 5 files

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Lea Anthony 2025-11-22 17:19:29 +11:00
commit b2b1abd3ce
8 changed files with 236 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

181
docs/public/d2/docs/quick-start/why-wails-0.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
docs/public/showcase-images/edex-ui.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 190 KiB

BIN
docs/public/showcase-images/mchat.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 503 KiB

4
docs/src/content/docs/concepts/architecture.mdx
View file

@ -647,8 +647,8 @@ Bridge -> Frontend: "Send response"
**Build System** - Understand how Wails builds your application
[Learn More →](/concepts/build-system)
**Start Building** - Apply what you've learned in a tutorial
[Tutorials →](/tutorials/notes-vanilla)
**Start Building** - Apply what you've learned in a tutorial
[Tutorials →](/tutorials/03-notes-vanilla)
---

86
docs/src/content/docs/index.mdx
View file

@ -3,7 +3,7 @@ title: Build Desktop Apps with Go
description: "Native desktop applications using Go and web technologies"
banner:
content: |
Wails v3 is in BETA. <a href="https://wails.io">v2 docs</a>
Wails v3 is in ALPHA. <a href="https://wails.io">v2 docs</a>
template: splash
hero:
tagline: Build beautiful, performant desktop applications using Go and modern web technologies. One codebase. Three platforms. No browsers.
@ -17,7 +17,7 @@ hero:
icon: right-arrow
variant: primary
- text: View Tutorial
link: /tutorials/notes-vanilla
link: /tutorials/03-notes-vanilla
icon: open-book
variant: secondary
---
@ -37,17 +37,23 @@ import { Tabs, TabItem, Card, CardGrid } from "@astrojs/starlight/components";
z-index: -1;
background:
url('/showcase-images/tiny-rdm1.webp') 0px center / auto 80% no-repeat,
url('/showcase-images/gamestacker.webp') 350px center / auto 80% no-repeat,
url('/showcase-images/scriptbar.webp') 700px center / auto 80% no-repeat,
url('/showcase-images/minesweeper-xp.webp') 1050px center / auto 80% no-repeat,
url('/showcase-images/wailsterm.webp') 1400px center / auto 80% no-repeat,
url('/showcase-images/modalfilemanager.webp') 1750px center / auto 80% no-repeat,
url('/showcase-images/ytd.webp') 2100px center / auto 80% no-repeat,
url('/showcase-images/filehound.webp') 2450px center / auto 80% no-repeat,
url('/showcase-images/tiny-rdm1.webp') 2800px center / auto 80% no-repeat,
url('/showcase-images/gamestacker.webp') 3150px center / auto 80% no-repeat,
url('/showcase-images/scriptbar.webp') 3500px center / auto 80% no-repeat,
url('/showcase-images/minesweeper-xp.webp') 3850px center / auto 80% no-repeat;
url('/showcase-images/gamestacker.webp') 550px center / auto 80% no-repeat,
url('/showcase-images/scriptbar.webp') 1100px center / auto 80% no-repeat,
url('/showcase-images/minesweeper-xp.webp') 1650px center / auto 80% no-repeat,
url('/showcase-images/wailsterm.webp') 2200px center / auto 80% no-repeat,
url('/showcase-images/modalfilemanager.webp') 2750px center / auto 80% no-repeat,
url('/showcase-images/ytd.webp') 3300px center / auto 80% no-repeat,
url('/showcase-images/filehound.webp') 3850px center / auto 80% no-repeat,
url('/showcase-images/edex-ui.webp') 4400px center / auto 80% no-repeat,
url('/showcase-images/tiny-rdm1.webp') 4950px center / auto 80% no-repeat,
url('/showcase-images/gamestacker.webp') 5500px center / auto 80% no-repeat,
url('/showcase-images/scriptbar.webp') 6050px center / auto 80% no-repeat,
url('/showcase-images/minesweeper-xp.webp') 6600px center / auto 80% no-repeat,
url('/showcase-images/wailsterm.webp') 7150px center / auto 80% no-repeat,
url('/showcase-images/modalfilemanager.webp') 7700px center / auto 80% no-repeat,
url('/showcase-images/ytd.webp') 8250px center / auto 80% no-repeat,
url('/showcase-images/filehound.webp') 8800px center / auto 80% no-repeat,
url('/showcase-images/edex-ui.webp') 9350px center / auto 80% no-repeat;
animation: scroll-row1 40s linear infinite;
filter: blur(0.5px);
pointer-events: none;
@ -80,17 +86,21 @@ import { Tabs, TabItem, Card, CardGrid } from "@astrojs/starlight/components";
z-index: -2;
background:
url('/showcase-images/tiny-rdm2.webp') 0px center / auto 80% no-repeat,
url('/showcase-images/mollywallet.webp') 350px center / auto 80% no-repeat,
url('/showcase-images/emailit.webp') 700px center / auto 80% no-repeat,
url('/showcase-images/optimus.webp') 1050px center / auto 80% no-repeat,
url('/showcase-images/cfntracker.webp') 1400px center / auto 80% no-repeat,
url('/showcase-images/riftshare-main.webp') 1750px center / auto 80% no-repeat,
url('/showcase-images/minecraft-mod-updater.webp') 2100px center / auto 80% no-repeat,
url('/showcase-images/resizem.webp') 2450px center / auto 80% no-repeat,
url('/showcase-images/tiny-rdm2.webp') 2800px center / auto 80% no-repeat,
url('/showcase-images/mollywallet.webp') 3150px center / auto 80% no-repeat,
url('/showcase-images/emailit.webp') 3500px center / auto 80% no-repeat,
url('/showcase-images/optimus.webp') 3850px center / auto 80% no-repeat;
url('/showcase-images/mollywallet.webp') 550px center / auto 80% no-repeat,
url('/showcase-images/optimus.webp') 1100px center / auto 80% no-repeat,
url('/showcase-images/cfntracker.webp') 1650px center / auto 80% no-repeat,
url('/showcase-images/riftshare-main.webp') 2200px center / auto 80% no-repeat,
url('/showcase-images/minecraft-mod-updater.webp') 2750px center / auto 80% no-repeat,
url('/showcase-images/resizem.webp') 3300px center / auto 80% no-repeat,
url('/showcase-images/mchat.webp') 3850px center / auto 80% no-repeat,
url('/showcase-images/tiny-rdm2.webp') 4400px center / auto 80% no-repeat,
url('/showcase-images/mollywallet.webp') 4950px center / auto 80% no-repeat,
url('/showcase-images/optimus.webp') 5500px center / auto 80% no-repeat,
url('/showcase-images/cfntracker.webp') 6050px center / auto 80% no-repeat,
url('/showcase-images/riftshare-main.webp') 6600px center / auto 80% no-repeat,
url('/showcase-images/minecraft-mod-updater.webp') 7150px center / auto 80% no-repeat,
url('/showcase-images/resizem.webp') 7700px center / auto 80% no-repeat,
url('/showcase-images/mchat.webp') 8250px center / auto 80% no-repeat;
animation: scroll-row2 25s linear infinite;
filter: blur(0.5px);
pointer-events: none;
@ -108,17 +118,19 @@ import { Tabs, TabItem, Card, CardGrid } from "@astrojs/starlight/components";
z-index: -2;
background:
url('/showcase-images/portfall.webp') 0px center / auto 80% no-repeat,
url('/showcase-images/encrypteasy.webp') 350px center / auto 80% no-repeat,
url('/showcase-images/gamestacker.webp') 700px center / auto 80% no-repeat,
url('/showcase-images/bboard.webp') 1050px center / auto 80% no-repeat,
url('/showcase-images/varly2.webp') 1400px center / auto 80% no-repeat,
url('/showcase-images/hiposter.webp') 1750px center / auto 80% no-repeat,
url('/showcase-images/october.webp') 2100px center / auto 80% no-repeat,
url('/showcase-images/wombat.webp') 2450px center / auto 80% no-repeat,
url('/showcase-images/portfall.webp') 2800px center / auto 80% no-repeat,
url('/showcase-images/encrypteasy.webp') 3150px center / auto 80% no-repeat,
url('/showcase-images/gamestacker.webp') 3500px center / auto 80% no-repeat,
url('/showcase-images/bboard.webp') 3850px center / auto 80% no-repeat;
url('/showcase-images/encrypteasy.webp') 550px center / auto 80% no-repeat,
url('/showcase-images/gamestacker.webp') 1100px center / auto 80% no-repeat,
url('/showcase-images/varly2.webp') 1650px center / auto 80% no-repeat,
url('/showcase-images/hiposter.webp') 2200px center / auto 80% no-repeat,
url('/showcase-images/october.webp') 2750px center / auto 80% no-repeat,
url('/showcase-images/wombat.webp') 3300px center / auto 80% no-repeat,
url('/showcase-images/portfall.webp') 3850px center / auto 80% no-repeat,
url('/showcase-images/encrypteasy.webp') 4400px center / auto 80% no-repeat,
url('/showcase-images/gamestacker.webp') 4950px center / auto 80% no-repeat,
url('/showcase-images/varly2.webp') 5500px center / auto 80% no-repeat,
url('/showcase-images/hiposter.webp') 6050px center / auto 80% no-repeat,
url('/showcase-images/october.webp') 6600px center / auto 80% no-repeat,
url('/showcase-images/wombat.webp') 7150px center / auto 80% no-repeat;
animation: scroll-row3 50s linear infinite;
filter: blur(0.5px);
pointer-events: none;
@ -265,11 +277,11 @@ cd myapp && wails3 dev
## Next Steps
Next: [Build a complete application](/tutorials/notes-vanilla), browse [examples](https://github.com/wailsapp/wails/tree/v3-alpha/v3/examples), or check the [API reference](/reference/application-api). Migrating from v2? See the [upgrade guide](/migration/v2-to-v3).
Next: [Build a complete application](/tutorials/03-notes-vanilla), browse [examples](https://github.com/wailsapp/wails/tree/v3-alpha/v3/examples), or check the [API reference](/reference/application-api). Migrating from v2? See the [upgrade guide](/migration/v2-to-v3).
:::note[Production Ready]
Wails v3 is in **BETA**. The API is stable, and applications are running in production. We're refining documentation and tooling before the final release.
Wails v3 is in **ALPHA**. The API is *reasonably* stable, and applications are running in production. We're refining documentation and tooling before the final release.
:::
<Card title="Support Wails Development" icon="heart">

2
docs/src/content/docs/quick-start/next-steps.mdx
View file

@ -11,7 +11,7 @@ You've built your first Wails app and understand the basics. Here's where to go
Practice by building complete applications:
- [TODO App](/tutorials/todo-vanilla) - CRUD operations, state management, modern UI
- [TODO App](/tutorials/02-todo-vanilla) - CRUD operations, state management, modern UI
- [All Tutorials](/tutorials/overview) - Notes apps, dashboards, system tray apps, and more
## Features

2
docs/src/content/docs/tutorials/02-todo-vanilla.mdx
View file

@ -721,5 +721,5 @@ Now that you understand CRUD operations and state management, try:
- **Add persistence:** Make todos survive app restarts with [SQLite](/guides/patterns/database)
- **Add more features:** Filtering (all/active/completed), editing existing todos, bulk operations
- **Explore the Notes tutorial:** See how file operations work in [Notes](/tutorials/notes-vanilla)
- **Explore the Notes tutorial:** See how file operations work in [Notes](/tutorials/03-notes-vanilla)
- **Build something real:** Take these concepts and build your own app!

4
docs/src/content/docs/tutorials/overview.mdx
View file

@ -57,7 +57,7 @@ Build a complete TODO list application with a beautiful, modern interface. This
**Best for:** Your first complete Wails application - perfect for understanding the fundamentals before adding framework complexity
<div style="text-align: center; margin-top: 1rem;">
<LinkButton href="/tutorials/todo-vanilla" variant="secondary" icon="right-arrow">Get Started</LinkButton>
<LinkButton href="/tutorials/02-todo-vanilla" variant="secondary" icon="right-arrow">Get Started</LinkButton>
</div>
---
@ -80,5 +80,5 @@ Build an Apple Notes-style application with native file dialogs and auto-save fu
**Best for:** Learning desktop-specific features like file operations and native OS dialogs
<div style="text-align: center; margin-top: 1rem;">
<LinkButton href="/tutorials/notes-vanilla" variant="secondary" icon="right-arrow">Get Started</LinkButton>
<LinkButton href="/tutorials/03-notes-vanilla" variant="secondary" icon="right-arrow">Get Started</LinkButton>
</div>