Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions locales.json
Original file line number Diff line number Diff line change
Expand Up @@ -22,5 +22,9 @@
"ko": {
"label": "한국어",
"lang": "ko"
},
"uz": {
"label": "O'zbekcha",
"lang": "uz"
}
}
4 changes: 4 additions & 0 deletions lunaria.config.json
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,10 @@
{
"label": "한국어",
"lang": "ko"
},
{
"label": "O'zbekcha",
"lang": "uz"
}
],
"dashboard": {
Expand Down
6 changes: 5 additions & 1 deletion src/components/Hero.astro
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can you move this fix to a new PR? also I think it currently only happens on ja locale, not sure why, it may be a configuration elsewhere

Copy link
Copy Markdown
Contributor

@vasfvitor vasfvitor May 23, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

also, do you have anyone to help us review the translation? it would be best, but not blocking if you don't

Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,9 @@ import LogoDark from '@assets/logo.svg';
import LogoOutline from '@assets/logo-outline.svg';

const { tagline, getStarted, v1Docs } = Astro.props;
const [, locale] = Astro.url.pathname.split('/');

const baseLink = locale && locale !== 'start' ? `/${locale}/start/` : '/start/';
---

<div class="hero-bg">
Expand All @@ -22,7 +25,8 @@ const { tagline, getStarted, v1Docs } = Astro.props;
{tagline}
</p>
<div class="actions">
<LinkButton icon="right-arrow" href="/start/">{getStarted}</LinkButton>
<LinkButton icon="right-arrow" href={baseLink}>{getStarted}</LinkButton>

<LinkButton href="https://v1.tauri.app" variant="minimal" icon="external">
{v1Docs}
</LinkButton>
Expand Down
59 changes: 59 additions & 0 deletions src/content/docs/uz/index.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
---
title: Tauri 2.0
description: Krossplatformali ilovalar yaratish uchun vositalar to'plami
i18nReady: true
editUrl: false
lastUpdated: false
template: splash
tableOfContents: false
prev: false
next: false
---

import { Card, CardGrid, LinkCard } from '@astrojs/starlight/components';
import Cta from '@fragments/cta.mdx';
import Hero from '@components/Hero.astro';
import SponsorList from '@components/sponsors/SponsorList.astro';
import 'src/styles/home.css';

<Hero
tagline="Yengil, tezkor va xavfsiz krossplatformali ilovalar yarating"
getStarted="Boshlash"
v1Docs="Tauri 1.0 hujjatlari"
/>

<div class="lp-cta-card">
<Card title="Loyihani boshlash" icon="rocket">
<Cta />
</Card>
</div>

<CardGrid>
<a href="https://v2.tauri.app/start/frontend/" className="card-link card-frontend">
<Card title="Frontenddan mustaqil" icon="rocket">
Mavjud veb-stekingizni Tauriga olib oʻting yoki yangi orzungizdagi loyihani boshlang.
Tauri har qanday frontend freymvorkni qoʻllab-quvvatlaydi, shuning uchun texnologiyalar stekingizni oʻzgartirishingiz shart emas.
</Card>
</a>

<a href="https://v2.tauri.app/distribute/" className="card-link card-platform">
<Card title="Krossplatformali" icon="rocket">
Yagona kod bazasidan foydalanib Linux, macOS, Windows, Android va iOS uchun ilovalar yarating.
Frontendni JavaScriptda, ilova mantiqini Rustda yozing hamda Swift va Kotlin orqali tizimning chuqur qatlamlari bilan integratsiya qiling.
</Card>
</a>

<a href="https://v2.tauri.app/security/" className="card-link card-security">
<Card title="Maksimal xavfsizlik" icon="rocket">
Xavfsizlik Tauri jamoasi uchun doimo diqqat markazida boʻlib, u bizning asosiy ustuvor vazifalarimiz va eng katta innovatsiyalarimizni belgilab beradi.
</Card>
</a>

<a href="https://v2.tauri.app/concept/size/" className="card-link card-size">
<Card title="Minimal hajm" icon="rocket">
Operatsion tizimning standart veb-rendereridan (native web renderer) foydalanish hisobiga, Tauri ilovasining hajmi 600KB gacha kichik boʻlishi mumkin.
</Card>
</a>
</CardGrid>

[//]: # (<SponsorList />)
27 changes: 27 additions & 0 deletions src/content/docs/uz/rss.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
---
title: Tauri RSS tasmalar (Feeds)
i18nReady: true
topic: guides # bu sahifa ko'rilayotganda yon menyu faol bo'ladi
---

import { LinkCard } from '@astrojs/starlight/components';

<LinkCard
title="Barcha yangilanishlar"
description="Butun sayt bo'ylab sodir bo'ladigan barcha yangilanishlar haqida bildirishnomalar oling."
href="/feed.xml"
/>

<LinkCard
title="Blog yangilanishlari"
description="Eng so'nggi blog postlari va maqolalarni kuzatib boring."
href="/blog/rss.xml"
/>

<LinkCard
title="Sahifalar yangilanishi"
description="Asosiy sayt sahifalaridagi yangilanishlar haqida ma'lumot oling."
href="/pages.xml"
/>

<div style="text-align: right;">Doc-UZ 2.00.00</div>
230 changes: 230 additions & 0 deletions src/content/docs/uz/start/create-project.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,230 @@
---
title: Create a Project
sidebar:
order: 3
i18nReady: true
---

import { Steps } from '@astrojs/starlight/components';

import Cta from '@fragments/cta.mdx';

One thing that makes Tauri so flexible is its ability to work with virtually any frontend framework. We've created the [`create-tauri-app`](https://github.com/tauri-apps/create-tauri-app) utility to help you create a new Tauri project using one of the officially maintained framework templates.

`create-tauri-app` currently includes templates for vanilla (HTML, CSS and JavaScript without a framework), [Vue.js](https://vuejs.org), [Svelte](https://svelte.dev), [React](https://reactjs.org/), [SolidJS](https://www.solidjs.com/), [Angular](https://angular.io/), [Preact](https://preactjs.com/), [Yew](https://yew.rs/), [Leptos](https://github.com/leptos-rs/leptos), and [Sycamore](https://sycamore.dev/). You can also find or add your own community templates and frameworks in the [Awesome Tauri repo](https://github.com/tauri-apps/awesome-tauri).

{/* TODO: redirect to integrate to existing front-end project specific docs */}
Alternatively, you can [add Tauri to an existing project](#manual-setup-tauri-cli) to quickly turn your existing codebase into a Tauri app.

## Using `create-tauri-app`

To get started using `create-tauri-app` run one of the below commands in the folder you'd like to setup your project. If you're not sure which command to use we recommend the Bash command on Linux and macOS and the PowerShell command on Windows.

<Cta />

Follow along with the prompts to choose your project name, frontend language, package manager, and frontend framework, and frontend framework options if applicable.

:::tip[Not sure what to choose?]

We recommend starting with the vanilla template (HTML, CSS, and JavaScript without a frontend framework) to get started. You can always [integrate a frontend framework](/start/frontend/) later.

- Choose which language to use for your frontend: `TypeScript / JavaScript`
- Choose your package manager: `pnpm`
- Choose your UI template: `Vanilla`
- Choose your UI flavor: `TypeScript`

:::

#### Scaffold a new project

<Steps>

1. Choose a name and a bundle identifier (unique-id for your app):
```
? Project name (tauri-app) ›
? Identifier (com.tauri-app.app) ›
```
2. Select a flavor for your frontend. First the language:
```
? Choose which language to use for your frontend ›
Rust (cargo)
TypeScript / JavaScript (pnpm, yarn, npm, bun)
.NET (dotnet)
```
3. Select a package manager (if there are multiple available):

Options for **TypeScript / JavaScript**:

```
? Choose your package manager ›
pnpm
yarn
npm
bun
```

4. Select a UI Template and flavor (if there are multiple available):

Options for **Rust**:

```
? Choose your UI template ›
Vanilla
Yew
Leptos
Sycamore
```

Options for **TypeScript / JavaScript**:

```
? Choose your UI template ›
Vanilla
Vue
Svelte
React
Solid
Angular
Preact

? Choose your UI flavor ›
TypeScript
JavaScript
```

Options for **.NET**:

```
? Choose your UI template ›
Blazor (https://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor/)
```

</Steps>

Once completed, the utility reports that the template has been created and displays how to run it using the configured package manager. If it detects missing dependencies on your system, it prints a list of packages and prompts how to install them.

{/* TODO: Can CTA offer to install the deps? */}

#### Start the development server

After `create-tauri-app` has completed, you can navigate into your project's folder, install dependencies, and then use the [Tauri CLI](/reference/cli/) to start the development server:

import CommandTabs from '@components/CommandTabs.astro';

<CommandTabs
npm="cd tauri-app
npm install
npm run tauri dev"
yarn="cd tauri-app
yarn install
yarn tauri dev"
pnpm="cd tauri-app
pnpm install
pnpm tauri dev"
deno="cd tauri-app
deno install
deno task tauri dev"
bun="cd tauri-app
bun install
bun tauri dev
"
cargo='cd tauri-app
cargo install tauri-cli --version "^2.0.0" --locked
cargo tauri dev'
/>

You'll now see a new window open with your app running.

**Congratulations!** You've made your Tauri app! 🚀

## Manual Setup (Tauri CLI)

If you already have an existing frontend or prefer to set it up yourself, you can use the Tauri CLI to initialize the backend for your project separately.

:::note
The following example assumes you are creating a new project. If you've already initialized the frontend of your application, you can skip the first step.
:::

<Steps>

1. Create a new directory for your project and initialize the frontend. You can use plain HTML, CSS, and JavaScript, or any framework you prefer such as Next.js, Nuxt, Svelte, Yew, or Leptos. You just need a way of serving the app in your browser. Just as an example, this is how you would setup a simple Vite app:

<CommandTabs
npm="mkdir tauri-app
cd tauri-app
npm create vite@latest ."
yarn="mkdir tauri-app
cd tauri-app
yarn create vite ."
pnpm="mkdir tauri-app
cd tauri-app
pnpm create vite ."
deno="mkdir tauri-app
cd tauri-app
deno run -A npm:create-vite ."
bun="mkdir tauri-app
cd tauri-app
bun create vite"
/>

2. Then, install Tauri's CLI tool using your package manager of choice. If you are using `cargo` to install the Tauri CLI, you will have to install it globally.

<CommandTabs
npm="npm install -D @tauri-apps/cli@latest"
yarn="yarn add -D @tauri-apps/cli@latest"
pnpm="pnpm add -D @tauri-apps/cli@latest"
deno="deno add -D npm:@tauri-apps/cli@latest"
bun="bun add -D @tauri-apps/cli@latest"
cargo='cargo install tauri-cli --version "^2.0.0" --locked'
/>

3. Determine the URL of your frontend development server. This is the URL that Tauri will use to load your content. For example, if you are using Vite, the default URL is `http://localhost:5173`.

4. In your project directory, initialize Tauri:

<CommandTabs
npm="npx tauri init"
yarn="yarn tauri init"
pnpm="pnpm tauri init"
deno="deno task tauri init"
bun="bun tauri init"
cargo="cargo tauri init"
/>

After running the command it will display a prompt asking you for different options:

```sh frame=none
✔ What is your app name? tauri-app
✔ What should the window title be? tauri-app
✔ Where are your web assets located? ..
✔ What is the url of your dev server? http://localhost:5173
✔ What is your frontend dev command? pnpm run dev
✔ What is your frontend build command? pnpm run build
```

This will create a `src-tauri` directory in your project with the necessary Tauri configuration files.

5. Verify your Tauri app is working by running the development server:

<CommandTabs
npm="npx tauri dev"
yarn="yarn tauri dev"
pnpm="pnpm tauri dev"
deno="deno task tauri dev"
bun="bun tauri dev"
cargo="cargo tauri dev"
/>

This command will compile the Rust code and open a window with your web content.

</Steps>

**Congratulations!** You've created a new Tauri project using the Tauri CLI! 🚀

## Next Steps

- [Learn about the project layout and what each file does](/start/project-structure/)
- [Add and Configure a Frontend Framework](/start/frontend/)
- [Tauri Command Line Interface (CLI) Reference](/reference/cli/)
- [Learn how to develop your Tauri app](/develop/)
- [Discover additional features to extend Tauri](/plugin/)
Loading
Loading