</>liveDevDocs

Kod Ekleme

Yeni bir kod parçası nasıl eklenir — dosya, frontmatter ve kod bloğu kuralları.

Buraya kod eklemek bir formu doldurmak kadar basit: bir .mdx dosyası aç, kodu yapıştır, kaydet. Aşağıda tüm kurallar var.

1. Dosyayı oluştur

İçerik content/docs/ altında yaşar. Her klasör sol menüde bir bölüm olur.

Terminal
# FiveM bölümüne yeni bir sayfa
content/docs/fivem/garaj-sistemi.mdx

2. Frontmatter ekle

Her dosyanın başına title ve description yaz. icon opsiyoneldir (lucide adı).

garaj-sistemi.mdx
---
title: Garaj Sistemi
description: Aracı depola/çıkar, qb-core + oxmysql.
icon: Car
---

Buraya açıklama...

3. Kodu yapıştır

Üç tırnak aç, dil etiketini yaz, kodu içine bırak. Bu kadar.

Markdown kaynağı
```lua
local plate = GetVehicleNumberPlateText(veh)
```

Sonuç:

local plate = GetVehicleNumberPlateText(veh)

Başlık ve satır vurgusu

Bloğa dosya adı (title) ve vurgulanacak satır aralığı ({n-m}) verebilirsin:

```lua title="server.lua" {2-3}
RegisterNetEvent('garage:store', function(plate)
    local src = source
    local cid = GetCitizenId(src)
    MySQL.update('UPDATE vehicles SET stored = 1 WHERE plate = ?', { plate })
end)
```
server.lua
RegisterNetEvent('garage:store', function(plate)
    local src = source
    local cid = GetCitizenId(src)
    MySQL.update('UPDATE vehicles SET stored = 1 WHERE plate = ?', { plate })
end)

Tek satır kelime vurgusu

[!code highlight] ve [!code ++] / [!code --] ile diff/odak işaretle:

local QBCore = exports['qb-core']:GetCoreObject() 
print('eski log') 
print('yeni log')  

4. Sekmeli kod (client / server)

Aynı tab adını paylaşan ardışık bloklar sekme olur — FiveM için ideal:

```lua tab="client.lua"
TriggerServerEvent('garage:store', plate)
```

```lua tab="server.lua"
RegisterNetEvent('garage:store', function(plate) end)
```
TriggerServerEvent('garage:store', plate)

5. Bileşenler

MDX içinde hazır bileşenler var:

Dikkat

Callout ile not düş. Tipler: info, warn, error.

6. Yayınla

Terminal
git add .
git commit -m "docs: garaj sistemi"
git push

Push'tan sonra Vercel otomatik derleyip yayınlar. Lokal önizleme için:

npm run dev   # http://localhost:3000

On this page