Home Shop

MESIN KASIR BLOG

Cara install dan buat website dari Gatsby JS

Cara instal dan buat website dari Gatsby JS
Gatbsy.JS adalah website statis modern dan saat ini lagi naik daun setelah keberhasilan nya menyalip pendahulu seperti jekyll dan hugo yang popular. hm... tidak dipungkiri lagi sih,, era dinamis website saat ini seperti wordpress,joomla ,drupal dan lain lain yang harus mengakui sedikit tergerus dengan hadirnya static site generator bahwa kehadiran gatsby hugo vue js dan jekyll memang cukup popular saat ini dan banyak digunain khusus nya yang mengerti akan bahasa pemrograman alias koding mengkoding.. belum lagi hadirnya flatfile cms seperti grav flextype automad bludit beuh,, makin banyak deh optional memudahkan dalam develope web kamu ya gaess...


Nah.. apakah bisa nih saya yang masih sedikit mengerti mengenai bahasa perograman melakukan instalasi gatsby js ?? secara pengen banget keren tuh web. oke gaess... kita membuat website bukan masalah keren atau gak juga,tujuan buat web untuk apa dan konten niche kita kemana itu yang lebih penting dibanding cuma mau dibilang keren ngebuat web yang susah & njelimet 😁😁.


Kembali ke pertanyaan diatas, tentu kamu bisa kok installasi dan buat web dari gatsby js cuman ada syaratnya sedikit aja mengerti uda cukup deh,,

Apa itu dan kelebihan gatsby ?? Gatsby adalah static site generator berbasis react yang memiliki kelebihan dalam fast loading website, jika sebelumnya jekyll dan hugo serta hexo dan lain menjadi primadona maka kini gatsby memungkinkan akses web tanpa load,itulah kenapa saat ini banyak web yang bangun dan makai dia, pengalaman pribadi saya sih sejak awal buat web dari jekyll udah cukup kenceng banget eh ini si gats malah hampir no loading page by page nya apa gak makin kesengsem...
cuma karena emang saya nya primitif bahasa javascript maka ngikutin alur themes nya aja deh 🙈.
menggunakan markdown makin cepet untuk buat artikel blog .
step by step mempelajari gatsby wow banget deh pokok nya.. menakjubkan spektakulerr... itu aja sih,, kecepatan tiada yang nandingi saat ini rasanya, walau pernah coba test makai jekyll dengan non script masih terpaut dikit masalah balap kecepatan fast speed nya. dan mungkin rasanya yg bisa nandingi sih vue js. nah sekarang coba deh kamu bayangin buka web trus page by page nya seperti offline mode gitu kebayang kan kecepetan nya gaess...

apakah Gatsby bagus untuk SEO ?? itu sih tergantung yang maha kuasa gaes untuk kebutuhan SEO nya,, 😂😂 , artinya emang sih fast web merupakan salah satu faktor pendukung SEO juga cuma beberapa kali berdasarkan pribadi saya,pernah buat web kenceng bahkan no css file dan cuma pakai CDN dalam css nya dan ternyata oh ternyata gak muncul di halaman 1 google juga,malah di halaman 3, dan beberapa coba akses kata kunci lain untuk tes misalnya ada yang muncul malah load nya agak berat dikit juga dan makai dinamis cms sebut aja wordpress.nah disini ada baiknya kita fokus pada konten dan niche web kita mau fokus kemana dan biarkan mengalir dengan konten gaya bahasa mu sendiri biarkan google bekerja dan berdoa pada tuhan yang maha esa agar ngabantu masuk page one .
Kesimpulan web cepet juga mendukung untuk SEO tapi tetep fokus ngeblog aja biarkan mengalir aja deh.
cara membuat website gatsby JS

Cara install dan buat website dari Gatsby JS
Via github dan netlify cms : ini adalah yang paling mudah persyaratan wajib kamu wajib punya account github dan netlify, buka gatsby starter pilih tema disana lalu dibagian bawah tema klik try starter netifly bukan netflix ya gaes.. jangan lupa ijinkan aplikasi ini klik install pada Install the new GitHub App,lalu biarkan proses installasi deploy berjalan,setelah suskes kamu bisa akses deh web gatsby kamu , untuk mengganti domain kamu bisa klik pada site setting dan rubah domain sesuai domain kamu,untuk custom domain masuk pada domain setting ada beberapa konfigurasi DNS yang wajib kamu lakukan, paling baik sih kalau kamu order domain di sana juga jadi aktif langsung, catatan : buat yang makai cloudflare kayaknya gak bisa ya digunain disini maksud nya https nya dimatikan kalau makai cms ini.
Via localhost windows desktop offline pc mu : persyaratan wajib npm dan git musti ada,kalau belum donwload npm dulu disini dan donwload git sini setelah download kemudian install lalu cek via cmd (start - cmd) ketikan node -v dan npm-v untuk cek versi,dan untuk melakukan update ketikan npm install [email protected] -g
baru sekarang saatnya instalasi gatsby js di local host mu caranya gimana ?? masih pada cmd lagi gaess... atau ketikan cls dulu biar clear. selanjutnya siapkan kopi kita ngopi bentar.. cuz deh instalasi via cmd npm install -g gatsby-cli setelah sukses ketikan lagi gatsby new gatsby lanjutkan dengan open directori nya ketikan cd gatsby-site trus ketikan gatsby develop dan selamat kini kamu sudah sukses buat web gatsby mu.
buka pada web browser kamu mozila atau googlechrome ketikan localhost:8000 disana adalah tampilan display nya.
trus kalau mau update post artikel dan edit tampilan macam mana tuh,, perlu diperhatikan ya ini bukan cms jadi kamu muesti ngerti koding berkoding file file kebutuhan mu hadir pada C:/users/namapcmu trus cari deh pada folder gatsby/src nah silahkan oprak oprek disana yak gaes..
untuk netlify kamu bisa mudah login ke cms itu dan lakukan editing sesuai kebutuhan mu, untuk manual folder ada di github repo kamu edit dan oprek sesuka mu disana.

Gimana Cara install dan buat website dari Gatsby JS ?? gampang kan atau ribet banget nih 😋😋😁
nah kalau butuh pembuatan web dari gastby, team kita juga siap sedia ngebantu kamu gaess.. biar web kamu kece dan keren serta wus wus,,, kuencenggg... 😎


Contoh blogs gatsby kita
https://pabrikrak.com
https://mesinkasir.asia (via gatsby build/html)
https://mesinkasir.netlify.com/

moga artikel post ini ngebantu kamu ya gaess.. dan jangan lupa kebutuhan mesin kasir dan aplikasi kasir online pastikan di kita. cek mesin kasir terbaru

Tidak ada komentar:

Posting Komentar

Mesin Kasir News