Winkwop Geliştirici

Tema

Kurulum ​

Gereksinimler ​

  • Node.js 20+
  • Bir partner hesabı — winkwop.com/partner/register

Giriş ​

bash
npx create-winkwop-theme login

Oturum bilgisi kullanıcı dizininize yazılır; her projede tekrar giriş yapmanız gerekmez.

Kimin olarak giriş yaptığınızı kontrol etmek için:

bash
npx create-winkwop-theme whoami

Proje oluşturma ​

bash
npx create-winkwop-theme create benim-temam
cd benim-temam
npm install

Oluşan yapı:

benim-temam/
├── src/
│   ├── sections/          ← bileşenleriniz (sizin kodunuz)
│   ├── generated/         ← CLI üretir, ELLE DÜZENLEMEYİN
│   │   ├── manifest.json  ← panelden inen bölüm/prop tanımları
│   │   ├── types.ts       ← prop tipleri
│   │   └── registry.ts    ← build girdisi: bölüm haritası
│   ├── lib/               ← ortak yardımcılar (isteğe bağlı)
│   ├── tailwind.css       ← Tailwind girişi (silerseniz Tailwind kapanır)
│   └── styles.css         ← YALNIZCA yerel önizleme (bkz. Stil)
├── winkwop.config.json    ← themeId, apiUrl, bağlı geliştirme mağazası
└── vite.config.ts

src/generated/ klasörüne dokunmayın

Bu klasörün tamamı CLI'ın sahipliğindedir ve her pull çağrısında yeniden yazılır. Prop eklemek istiyorsanız partner panelindeki geliştirme ekranından ekleyip pull çekin.

Geliştirme mağazasına bağlanma ​

bash
npx create-winkwop-theme link

Erişebildiğiniz mağazaları listeler. Kendi geliştirme mağazalarınız "geliştirme mağazası" etiketiyle, müşteri mağazaları ise [GERÇEK MAĞAZA] uyarısıyla görünür.

Henüz mağazanız yoksa geliştirme mağazası kurun.

Çalıştırma ​

bash
npm run dev

Tema http://localhost:3333 adresinde açılır ve bağlı mağazanın verisiyle çalışır.

Tanımları indirme ​

Partner panelinde bölüm veya prop değiştirdiğinizde:

bash
npx create-winkwop-theme pull

Bu komut src/generated/ altını tazeler. Yeni tanımladığınız bir bölüm için src/sections/ altında dosya yoksa CLI iskeletini oluşturur; var olan dosyalarınıza dokunmaz.

Bileşen dosyalarını da sıfırdan üretmek isterseniz --force bayrağı vardır, ama yazdığınız kodu siler:

bash
npx create-winkwop-theme pull --force   # dikkat: src/sections/ yeniden üretilir

Winkwop tema platformu

© Winkwop