CodeSandbox - İDE/CI/Client

12/12/2019

React, Vue, Angular, Next, Nuxt, Gatsby gibi web uygulamalarını hızlıca oluşturup paylaşmanızı sağlayan çevrimiçi bir kod editörü ve prototipleme aracıdır.

Codesandbox İDE ile bulut ortamında hazır şablonlar kullanarak web projelerinin dağıtım, önizleme, test, ve başkaları ile birlikte geliştirme yapmanızı kolaylaştırıyor.

İDE kullanmanın avantajlarından biraz bahsedelim.

  • İstenilen (React, Vue, Angular, Next v.b.) şablon seçilerek saniyeler içinde depo oluşturuluyor.
  • Çokca kullanılan kod editörlerinde VS yer alıyor.
  • Dağıtım yapabileceğiniz Netlify ve Zeit sitelerinin hizmetleri yer alıp, herhangi bir yapılandırma gerektirmeden tek tıkla işlem yapılıyor.
  • Yazdığınız kodlar anlık olarak görüntülenebiliyor.
  • Github platformu ile entregre ederek fork yapılabiliyor.
  • Projelerinizi başkaları ile birlirkte anlık geliştirme imkanı sağlıyor.

Codesandbox Client

Kendinize ait sunucu ortamında projeler geliştirebileceğiniz client hizmeti, açık kaynak olarak paylaşılıyor. Basit adımlar halinde nasıl kurulacağına değinelim.

# depoyu klonlayın
git clone https://github.com/codesandbox/codesandbox-client.git

# klonlanmış dizine gidin
cd codesandbox-client

# dependencies kurulumlarını yapın
yarn install

# projeyi başlatın
yarn start

Proje başlatıldıktan sonra tarayıcıdan http://localhost:3000/ giriş yapın.


Detaylı bilgi için