diff --git a/docs/public/d2/docs/quick-start/why-wails-0.svg b/docs/public/d2/docs/quick-start/why-wails-0.svg new file mode 100644 index 000000000..656e3e069 --- /dev/null +++ b/docs/public/d2/docs/quick-start/why-wails-0.svg @@ -0,0 +1,181 @@ +ApplicationGo BackendNative WebViewYour UI(React/Vue/etc) Bindings & Events + + + diff --git a/docs/public/showcase-images/edex-ui.webp b/docs/public/showcase-images/edex-ui.webp new file mode 100644 index 000000000..110ca1acf Binary files /dev/null and b/docs/public/showcase-images/edex-ui.webp differ diff --git a/docs/public/showcase-images/mchat.webp b/docs/public/showcase-images/mchat.webp new file mode 100644 index 000000000..393b6f77b Binary files /dev/null and b/docs/public/showcase-images/mchat.webp differ diff --git a/docs/src/content/docs/concepts/architecture.mdx b/docs/src/content/docs/concepts/architecture.mdx index 9323845d1..5b4fdd823 100644 --- a/docs/src/content/docs/concepts/architecture.mdx +++ b/docs/src/content/docs/concepts/architecture.mdx @@ -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) --- diff --git a/docs/src/content/docs/index.mdx b/docs/src/content/docs/index.mdx index 16f43e242..7d10e0a97 100644 --- a/docs/src/content/docs/index.mdx +++ b/docs/src/content/docs/index.mdx @@ -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. v2 docs + Wails v3 is in ALPHA. v2 docs 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. ::: diff --git a/docs/src/content/docs/quick-start/next-steps.mdx b/docs/src/content/docs/quick-start/next-steps.mdx index 1ce881e7f..fc17185d4 100644 --- a/docs/src/content/docs/quick-start/next-steps.mdx +++ b/docs/src/content/docs/quick-start/next-steps.mdx @@ -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 diff --git a/docs/src/content/docs/tutorials/02-todo-vanilla.mdx b/docs/src/content/docs/tutorials/02-todo-vanilla.mdx index a1be5700e..ae371d93a 100644 --- a/docs/src/content/docs/tutorials/02-todo-vanilla.mdx +++ b/docs/src/content/docs/tutorials/02-todo-vanilla.mdx @@ -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! diff --git a/docs/src/content/docs/tutorials/overview.mdx b/docs/src/content/docs/tutorials/overview.mdx index af862358d..74ee3a62b 100644 --- a/docs/src/content/docs/tutorials/overview.mdx +++ b/docs/src/content/docs/tutorials/overview.mdx @@ -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
-Get Started +Get Started
--- @@ -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
-Get Started +Get Started