25 Apr 2022
Modern blog with gatsby cuteblog free download source code gratis
How to build blog with gatsby and cuteblog SEO + source code free download gratis
After various cuteblog projects with other technologies we are now developing it for use with gatsby js, this is so that those who need to create websites and blogs with react js modern technology can use this open source code to develop it to suit their individual needs, gatsby is one a modern static site generator that is quite popular, by making it a new generation in terms of website development. Its access speed and performance make many developers switch to using it. and it's time now let's develop sites and blogs using gatsby js.
Setelah berbagai project cuteblog dengan technology lain nya maka kini kami mengembangkan nya untuk digunakan dengan gatsby js, ini agar mereka yang membutuhkan untuk membuat website dan blog dengan teknologi modern dapat menggunakan kode sumber terbuka ini hingga mengembangkan nya untuk disesuaikan dengan kebutuhan masing masing, gatsby adalah salah satu generator static site modern yang cukup populer, dengan react menjadikan nya menjadi generasi era baru dalam hal pengembangan website. kecepatan akses nya dan peforma nya menjadikan banyak developer beralih menggunakan nya. dan saat nya kini mari kita kembangkan situs dan blog menggunakan gatsby js.
And before we download the open source code for this gatsby website theme, let's learn the structure of the theme for implementing its use in the creation of your modern website and blog.
Dan sebelum kita mengunduh kode sumber terbuka untuk tema website gatsby ini mari kita pelajari struktur dari tema untuk implementasi penggunaan nya pada pembuatan website dan blog modern mu.
As usual, the hallmark of cuteblog is that on the start page it will display your article list on this homepage, with a unique and attractive design, of course, a cover image to sweeten the article blog post, the title of the blog, description and publish date wrapped in a card. cute in its appearance.
Seperti biasa ciri khas dari cuteblog maka pada halaman awal akan menampilkan artikel list kamu pada beranda ini, dengan desain yang unik dan menarik tentunya , gambar cover untuk mempermanis pada postingan blog artikel, judul dari blog, deskripsi dan tanggal publish yang dibungkus dengan kartu akan menjadi imut pada tampilan nya.
Article page - then on this blog post article page will display detailed information from the content of the post, cover image from the blog also adds an interesting impression to the delivery and illustration of your post, title and description , content to read. . including navigation at the bottom will direct you to the previous article and then make it comfortable for readers and visitors to read every existing article, this is also very good for your SEO needs.
Halaman Artikel - selanjutnya pada halaman artikel blog post ini akan menampilkan detail informasi dari isi postingan, gambar latar dari blog juga menambah kesan yang menarik untuk penyampaian dan ilustrasi mengenai postingan mu, judul dan deskripsi hingga isi dari kontent untuk dibaca oleh pengunjung website dan blog mu. navigasi pada bagian bawah akan mengarahkan ke artikel sebelum dan selanjutnya membuat nyaman pembaca dan pengunjung untuk membaca setiap artikel yang ada, ini pun sangat baik untuk kebutuhan SEO mu.
Download cuteblog for gatsby js now
Github Download
Or clone it using terminal with run
contribution now...
Donate Now
Github Download
Or clone it using terminal with run
git clone https://github.com/mesinkasir/cuteblog-gastby.gitcontribution now...
Contibution with donation for support our team dev make other source code for the world.
Buy me a coffee ☕️ ❤️ ✌🏻Donate Now
Installation on gatsby cloud
Nah akhirnya capek gua nulis bahasa indonesia yang baik dan benar nih ndro.. fungsi nya hanya untuk translate doang biar bisa jadi dokumentasi orang luar gitu maksudnya,, eh malah ada salah typo.. ya sudah lah mendingan manual walau english nya british ada banyak salah nya wkwkwk... ya oke lanjut bos kuh.. kembali ke style penulisan ku sendiri yess... baik lah ini adalah solusi dan cara cepat agar kamu bisa langsung online kan website dan blog kamu, tanpa perlu ribet pastinya, jadi pada artikel ini akan dibahas gimana cara nya menghubungkan antara membangun atau online kan langsung ke hosting makai gratisan yes tentunya dengan gatsby cloud untuk tampilan frontend sampai kita buat headless cms nya dengan menggunakan forestry, jadi pastinya untuk awal ya kita wajib daptar dulu ke mereka , kunjungi link yang ada diatas ya.. register dan login ke gatsby.com , dan integrasikan atau install koneksi ke github akun mu, kalau sudah nanti akan muncul halaman dashboard nya, terus kamu tinggal klik buat situs baru pilih repo dari repo github mu dan klik import maka nantinya secara mengejutkan dan mengagetkan..... website blog mu langsung aktif bos kuh..... cie cie... selamat yes... jangan lupa... traktirin gua yess... ngopi ngopi gitu kaka....... dan kamu bisa cek situs mu dengan akses ke projectmu.gatsbyjs.io .
oke sekarang saat nya register ke forestry, nanti pilihan login nya pilih menggunakan akun github ya.
.png&w=1200&output=webp)
Permision - after register with github account now you can see permission form github, just click authorize green button, and forestry now is connect with your github account.
setelah milih akun github akan muncul gambar seperti diatas, artinya si github minta kulonuwun alias permisi, apakah kamu ingin melakukan integrasi dengan forestry, lanjutin aja kamu pilih iya, saya bersedia menikah dengan nya.. loh kok... kwwkwkwkwk....
.png&w=1200&output=webp)
Complete register - after connect with forestry now you need to complete register form, just select with your own and click next button.
dan nanti setelah kamu klik setujui integrasi dengan forestry maka akan muncul formulir dan kamu isikan aja sesuai kan ama kebutuhan mu ya.. lanjotttt......
.png&w=1200&output=webp)
Add site - now you can see dashboard admin, for first you can click add new site for create a gatsby backend admin cms content management system integrated with gatsby cloud hosting and your github repo. Sekarang kita perlu untuk membangun halaman admin biar keren kaka, baiklah untuk itu maka mari kita mulai sekarang, klik aja tambahkan situs disana, tujuan tambahkan situs ini maksud nya bukan kita mau buat situsnya ya tapi kita membangun halaman admin untuk web blog gatsby mu ini. yang tentunya terintegrasi dengan gastby cloud hosting dan repo di github kamu.
Select project repo - after add new site now you can select your github repo, and select cuteblog project, and forestry will prepare admin backend for you. Setelah tambahkan situs kini kita bisa langsung pilih repo yang akan kita gunakan , ya karna pada artikel ini kita makai cuteblog gatsby jadi kamu pilih repo yang sudah kamu clone sebelumnya . selanjutnya nih forestry akan menyipakan dan melakukan installasi area admin. tunggu bentaran aja kok proses nya ini.
.png&w=1200&output=webp)
Welcome to cms - congratulations, now you have successfully to installed cms for gastby website blog, now you need to know how to work with this content management system. for create new post edit update and delete you can visit on content/blog folder, on this folder you will see all article in here, for editing article just click on article , then edit with you needed, for create new post you can click + icon and name it your url and save it, then you can write new blog post article.for delete post you can click on one post where you wann to delete and delete it.
and congratulations you have finished installation for frontend and backend headless CMS for cuteblog gastby.
Dan selamat kamu sudah bisa dan sukses dalam membuat website dengan gatsby cloud hosting , plus membangun backend admin menggunakan foresty dan tampilan blog tema menggunakan cuteblog kami, wow keren banget.... jadi man teman wan kawan untuk memulai membuat artikel dan post kamu bisa masuk ke folder content/blog nah disana nantinya ada contoh artikelnya, lalu kalau mau edit ya klik aja dong artikel mana yang mau kamu ubah , terus untuk hapus ya tinggal hapus aja , untuk buat baru tinggal klik ikon tambah dan buat alamat link atau judul nya, teruss... copy paste aja dari artikel yang ada biar cepet dan menghemat waktu.. wkwkwkw......
Kesimpulan nya disini adalah dengan melakukan fork repo dan integrasikan ke gatsby cloud plus forestry ini kamu sudah sukses dan sangat keren dengan membuat website menggunakan gatsby js , terus menggunakan tampilan tema yang keren cuteblog kami, dilanjutkan dengan online kan dengan cloud hosting, tambahan lagi kamu sekarang sudah mampu membangun content management systemnya, jadi selamat gaess... kamu lebih maju dong dengan ilmu baru ini...
Installation manual using terminal
so if you need to learn how installation manual with this cuteblog gatsby js , so you can follow this step. and of course for first we need to download third party app, because we need to work with, so you can download on this list.
Jadi my man kalau kamu seorang samurai dan kesatria gagah berani dan ingin belajar kodang koding sampai komat kamit ,maka kamu bisa gunain cara ini, bukan jalan ninja tapi ini adalah cara ribet yang akan mengasah kemampuan mu pastinya.. tapi sebelum itu kita simak yang satu ini... (iklan nya uda lewat...) oke lanjut kita butuh beberapa aplikasi pendukung jadi unduh aja dibawah ini ya...
node download →
visual code download →
Install all aplication on your device, after installation finsih you can open shell terminal or command prompt and run
node -v this is for check node version on your devices, if terminal displaying node version so you have install node successfully on your devices, and you can work with node for installing gatsby, so run this command npm install -g gatsby-cli this is for installing gatsby js on your devices.Allright now we can create new folder on desktop name it with cuteblog then copy and paste all files form source code project on desktkop/cuteblog. oke now we need to install this sourcecode using terminal so open shell terminal and run
cd C:\Users\pcname\Desktop\cuteblog change pcname with your computer name , and now you can install source code project with run npm install after installation finsih now you can run this project with command gatsby develop and open localhost:8000 on web browser... congratulations, now you have successfully install cuteblog gatsby on your devices.Oke now we need to work for create and update article or deleted, so for article menu you can visit on content/blog folder, you can see all example article in here, you can open one article and edit for know about markdown and post format, then you can copy and paste .md files, name it with your title article , now open using code editor and edit with you needed in here.
Baiklah man teman silahkan kamu unduh beberapa persyaratan diatas itu ya, kalau uda lakukan installasi secara penuh kemudian lanjutin dengan cek node versi sama persisi kek penjabaran diatas itu ya, gimana cara buka shell terminal atau command prompt ?? kamu tekan logo windows yang ada di keyboard pc atau laptop kamu dan ketikan cmd, nanti akan muncul tuh... dan selanjutnya ikutin petunjuk diatas ya... yang baju merah jangan sampai lepass,,, wwkw kamu cek text yang warna merah pengertian nya itu adalah perintah untuk menjalankan beberapa fungsi nya pada terminal kamu.
if you have finishing this Modern blog with gatsby cuteblog free download source code gratis so you can deploy on static host or shared hosting, with new technology now gastby can easy and fast for deploy on other hosting, for simple and fast so you can use github repo and integrate with static hosting like neltify,heroku,vercel etc. just create account on gihtub , create new repo name it with your project, then you can follow documentation on your repo page. then push your project.
oke now you can register on netlify or heroku / vercel use your github account and create new site or project then connect with your github repo project and deploy it.
Uploading on shared hosting and static hosting, for use this step so you need to build project , so you can run
gatsby build and open public folder then zip all files, and upload on your cloud shared php hosting, if you need to upload on static hosting so you can visit on public folder then push or deploy website blog from this folder, simple and fast solution you can surge ,for first of course we need to install surge with run npm install --global surge this command for installing surge on your devices, then you need to visit public project folder with run cd C:\Users\pcname\Desktop\cuteblog\public then you can deploy on surge with run surge then register with your id and select domain name, and push it.. congratulations now you have successfully to deploy your site on surge.
And we hope our source code can help you for build a modern website and blog using gatsby js, and you can learn with source code.
Cuteblog for other technology
Cuteblog for Pico CMS →
Cuteblog for Astro →
Cuteblog for Eleventy 11ty →
Cuteblog for React →
Cuteblog for Jekyll →
Cuteblog for Phyton Flask →
Cuteblog for Django Phyton CMS →
Cuteblog for Sapper Svelte →
Cuteblog for Gatsby JS →
Cuteblog for Angular →
Cuteblog for PHP →
BONUS CONTENT YOU NEED TO KNOW :
New Point of sale mesin kasir →
All sourcecode project →
How to fix deploy angular on netlify
Install add bootstrap to next js
Blazor peforma mu gak bahaya ta??
Cara agar iframe bootstrap jadul lama menjadi responsive.
Mengatasi building development bundle error.
Web Modern Built time yang Horor banget !!
Rent Car CMS free download full source code
Why my pico website is display blank white ??
Mengetahui Status Sitemap pada Google Search Console
Cara melakukan update gatsby cepat dan mudah
Error digital envelope
Error svelte adapater build
About kasir apps online
Ang application ng cashier ng restawran at shop
Aplikasi Bengkel Software Program Bengkel
Aplikasi Bisnis Office
Aplikasi kasir bill restoran online murah
Alarm Security
Aplikasi
Aplikasi Akuntansi
Aplikasi Grosir dan Eceran Toko
Aplikasi Invoice
