18 Nov 2021
Free Node JS Download Template source code gratis modern website
Landing Page Node JS website temmplate free download source code gratis
Helo my man.... in this article we have a source code project build using node and express js for develope modern website on landing page design, absolutley you can download it for free for learn node and express.
abang abang kaka kaka sekaliin kali ini kite bagi sebuah template themes website secara gratis yes.. dengan menggunakan kombinasi bootstrap dan tailwind , makin mantab kan ya... jadi cerita nya nih begini kaka... awal muasal nya gegara disuruh rombak nih web sama si bos.. jadi akhirnya kepikiran deh nyoba aja deh deploy nya makai node, dan ini kita lakuin di cloud hosting provider local , karna kita cinta produk produk indonesia yes.. so... order domain dan hosting di provider lokal dong... singkat cerita sebenernya bisa sih kita sub domain kan dengan menggunakan statis host untuk next react modern web gitu lah , cuman karna ingin nikmatin sensasi cloud hosting ya kita manfaatkan aja sih ngab.. awal nya temen sih yang disuruh buatin ama pak bos.. berhubung temen ada kerjaan dan musti ke luar kota jadi tugas ini di limpahkan deh ke ane.. oke.. so get started.....
Dari pemilihan awal... mau makai wordpress sih cuman kok, kerasa berat gitu ya , besarnya volume dan sering nya update jadi bikin malas deh ngab.. soalnya kan kita butuh cuman yang simple doang kok untuk web informasi nya, so lirik deh ke get axcora cms atau MODX revolutions .. tapi... pengen sensasi baru ah.... makai phyton gimana coba ya... injek django..... hm.. uda pernah dan uda ada web yang kita deploy makai ini... dan node... trakhir nama ini deh yang muncul,, wah... makai node aja deh... akhirnya yapp.. kita pustikan menimang node sebagai tambatan hati kita ini.
Kan backend kan ya.. lah terus apa bisa digunakan sebagai frontend, ah.. abang kita kan bisa makai express js untuk forntend nya bang... xixix... jadi nya yapp.. kita makai deh yang namanya express js, so build dulu dong di localhost kita supaya gampang nanti tinggal upload doang kan yess... dan proses installasi dan pengerjaan pun dimulai...
Nah biar kagak kepo nih.. kalian pasti pengen tau kan gimana nih tampilan ama desain nya... secara kan cuma liat dari banner diatas itu kan yess... so let's get started puas puasin deh intip daleman nya nih website landing page untuk mu... eits jangan mesum kaka.. ini bukan 18+ loh yess.. 🤣. yukk... cekidot...........
Dan diawal halaman website ini nantinya akan ada penjelasan mengenai web kamu tentunya, sambutan dan simbutan untuk pengunjung yang baru akses, dan agar lebih keren dan beken kita tambahin deh beberapa project layout pada samping kanan dari sambutan , plus beberapa gallery dibawah nya ya.. makin macho kagak tuh my man.. teruss... masih ada nih di bagian bawah gallery berisi mengenai tentang about dari usaha bisnis maupun art work mu, so nih themes bisa multi fungsi ya tinggal edit doang gampang kok kaka gaess....
Dan baiklah sodara sodara sebangsa setanah air indonesia raya merdeka...dan setelah gallery dari project nah dibawah kita kasih deh pemanis ilustrasi ya... dan disini nanti akan kita beri kan juga informasi mengenai bagaimana sih bekerja dengan kita pada artikel segmen ini, tapi kalian juga bisa ganti sih nantinya sesuai kan ama kebutuhan kalian aja deh,untuk pemanis kita kasih deh beberapa gambar project yang uda kita kerjain jadi konsep nya biar pelanggan dan pengunjung site kamu makin kecantol ama kamu gaess.. selamat yess.. akhirnya kalian jadian jangan lupa traktiran nya yesss... undang ngopi gitu deh... 🤣🤣
ya tujuan nya biar makin meyakinkan aja sih kaka, makanya di kasih deh gambar beberapa project kamu disini.
Lanjottt...... kita masuk ke halaman intermezo.... dan disini sekedar informasi atau spesifikasi , atau kamu juga berikan point penting dari produk maupun jasa kamu disini, dan agar lebih maksimal lagi tambahin aja deh layanan dan produk yang kamu sediain pada bagian bawah nya tu.. yappp... di bagan ini kita bisa masukan layanan maupun produk, yang nantinya kita bisa link kan ke website maupun blog article atau langsung ke video youtube kamu kaka.. atau lagi... bisa deh kamu link kan ke market place account mu. mantab abis kaka...😎
Dan masuk pada area bawah dari layanan biar pengunjung situs kamu makin tertarik maka ditambahin deh apa aja sih produk dan jasa andalan kamu, atau yang merupakan best seller masukin deh disini, jadi ini bisa memberikan informasi tambahan kepada mereka bahwasanya ini loh kita ada produk dan layanan yang best seller, biar mereka makin mantab memilih pilihan berdasarkan kebutuhan nya dan rekomendasi akhirnya bisa di dapat di area ini kaka, tujuan dan maksudnya kurang lebih seperti itu sih.. lanjot kan lagi..... yuk gasss..... 🏍🏍🏍.
dan sesi penutup dengan info bantuan untuk pengunjung situs kamu misalnya butuh konsultasi jadi kita sudah siapkan deh layanan untuk chat via whatsapp maupun via telpon langsung ke kamu... dan nantinya secara keseluruhan tampilan nya seperti ini sih...
Dan gak lupa nih kita kasih menu navigasi biar gak capek yes pelanggan scrall scroll mouse nya, nanti rusak mouse nya loh.. 😜
So pada header navbar sudah ready nih menu navigasi nya, dan sesuai dengan urutan nya home adalah area paling atas, kemudian di bagi beberapa segmen atau point penting yang kita tampilin disini ya.. bukan cuma itu kaka karna menggunakan bootstrap feat tailwind ini tampilan nya sudah responsive banget untuk digunain, jadi akses via berbagai device sekalipun tampilan nya akan otomatis menyesuaikan. yess... begitu lah kira kira display detail dari tema template ini.
Wow mantab kan kaka... 😂 , wait bang ini uda di cloud kan kah ?? ya tentu aja sudah dong kamu bisa cek atau test drive aja deh kunjungi https://start.axcora.com , bentar ini uda di deploy tapi source code nya di share gratis gitu 😱😱, ya iya lah masak ya iya dong.. gak dimarahin ama pak bos nya bang di share gini ?? kagak dong.. dan tentunya dunia technology pun uda terbuka kan.. so positif thinking aja deh.. toh ini juga ngebantu buat yang membutuhkan khusus nya dalam deploy web dengan basis node, dan juga sebagai media sarana pemebelajaran juga sih.. cek di github bertebaran kaka,, kenapa kalian juga gak ikut andil juga ke dunia open source code, yuk sambil belajar kita share project kita, supaya nantinya bisa dipakai ama mereka yang lagi butuh..
Download source code sekarang via github ya.. klik tombol download dibawah ini.
Github Download
Atau kamu bisa gunain npm untuk clone repo ini dengan menjalankan
Dan selamat man teman wan kawan kini kamu sudah bisa deh unduh Free Node JS Download Template source code gratis modern website . terus kaka ini kalau mau oprek mengoprek alias mengganti beberapa display nya kita masuk mana sih ?? dan sesungguh nya bahwasanya niscaya kamu akan bercahaya dengan menggunakan tempalte themes website gratis ini... 🤣. ya untuk awal tentunya kita perlu melakukan installasi , jadi ada beberapa proses sih untuk ngelakuin installasinya, apa saja dan bagaimana cara nya baik lah mari kita mulai....Github Download
Atau kamu bisa gunain npm untuk clone repo ini dengan menjalankan
git clone https://github.com/mesinkasir/node-landingpage.git
Karena berbasis node mau tidak mau dan suka tidak suka kita wajib untuk melakukan installasi node js ke device kamu, caranya bagaimana ?? tentunya kita download dong node dulu untuk menjalankan modern site ini.. so download node →
nah natinya kamu akan liat tampilan dari situs resmi official dari node js seperti diatas, pilih dan sesuiakan ama operasi system yang kamu gunain disini , misalnya windows, mac os ,linux dan lain lain yes.. tinggal klik download aja deh, kalau uda install aja next next aja deh kayak installasi biasanya gitu ...
gimana uda installasi nya ?? kalau uda kamu bisa deh langung untuk cek apa kah si node ini uda keinstall ke device mu ?? gimana caranya ngab?? diputer... dijilat... terus dicelupin.. 🤣🤣
Baiklah untuk cek apa uda berhasil ke install so kita lanjut klik logo icon windows , ketikan aja cmd , nanti kan muncul tuh comand prompt atau secara keren bin gaul bisa dikenal dengan shell terminal, so kita ketikan disana
node -v dan tekan enter, sama sekalian kalau uda kamu masukan juga npm -v, nah kalau uda nantinya shell terminal nya akan nampilin deh versi yang kamu pakai.
Kalau pada shell terminal comand prompt kamu uda nampilin seperti gambar diatas selamat deh kamu uda sukses melakukan installasi node, dan saatnya sekarang kita lakukan installasi file Free Node JS Download Template source code gratis modern website ini, so buat folder baru di desktop kamu namai dengan nodeweb, extract dan pindahkan semua file download ini ke folder kamu ya... misalnya kita asumsikan deh kita letakan di desktop dengan nama folder nodeweb seperti diatas kan. nah yuk kita mulai deh installasi nya...
awal pertama kala kita berjumpa..... tak tung gendang dut... 🤣🤣 , baiklah langkah awal kita masih dan harus selalu bekerja dengan yang nama nya shell terminal. so open lagi ya.. dan sekarang kita masukan perintah berikut ini cukup ketikan dan tekan enter ya.. perintah nya
cd C:\Users\namapcmu\Desktop\nodeweb ganti namapcmu dengan nama komputer kamu ya, pengertian nya kita akan membuka folder di desktop dengan nodeweb sebagai project kita itu.. nah sekarang kalau uda kamu bisa deh jalanin installasinya dulu dengan cara masukan perintah npm install ini digunain untuk menginstall beberapa kebutuhan pada nodewebsite ini ya.. so lakukan aja deh sesuai perintah.. node app.js dan sekarang kamu bisa buka localhost:8300 di web broswer mu ya... kamu bisa pakai firefox , google chrome , safari dll deh apapun web browser mu pokoknya langsung akses aja localhost:8300 dan selamat deh web kamu sudah ready bekerja kaka... cihuii... makan makan....Nah kalau uda run gini apa lagi ngab yang harus kita lakuin ?? tentunya kamu merubah semau dan seluruh content maupun gambar dengan kebutuhan kamu sendiri kaka,, jadi untuk edit nya sih simple banget untuk template nya kita sudah ngebuat dan membagi per segmen jadi kagak perlu kawatir yes.. selanjutnya kita tinggal bekerja di file yang nama nya app, dimana letak file ini ?? ada di folder root atau utama dengan nama file app.js , nah kamu edit deh dengan editor code kamu misal notepad ++ maupun vscode , lah hari gini belum punya text editor apa kata dunia kaka... yuk deh kamu download dulu visual code studio download gratis →.
Nah tampilan nya nanti seperti diatas yes.. kamu bisa pilih sesuai operasi system kamu disini dan lakuin deh unduhan nya. lalu install kaka jangan lupa untuk install langsung yes.. kalau uda open langsung deh... biar kita bisa oprak oprek nih source code free download gratis ya.. jadi setelah open visual code, kamu lanjutin denngan click open new folder file dan arah kan ke folder project nodeweb yang ada di desktop tadi terus klik open ya... kalau uda nantinya tunggu benataran deh visual code akan ngebukain full source code dari folder ini.
Dan secara struktur kamu bisa cek pada welcome.ejs di folder views , ini adalah tema tampilan halaman utama kamu ya.. jadi by default sudah tertata dengan sangat mulus dan rapi kaka,,, so don't wory be hapy...
Dan yang ke dua kita perlu merubah navbar nya nih, sesuaikan deh ama kebutuhan kamu , caranya open folder partials, dan cari yang namanya navbar.ejs files lalu edit deh nama nya misal nya nama usaha company ubah dengan nama usaha bisnis mu, terus beberapa menu seperti home , about , services, contact dan lain nya sesuaikan aja dengan kebutuhan kamu yess.... Oke kita lanjut mengganti content dan beberapa gambar nya...
Nah untuk mengganti content dan gambar langkah awal siapin semua gambar yang kamu perlu kan dan pindahkan atau copy file gambar kamu ke folder public/img , ingat masukin semua ya... dan sekarang kita bersiap untuk mengganti content article dan merubah gambarnya nih... dan untuk ngerubah semua kamu bisa akses ke folder utama atau root kamu dan open app.js dan disini lah semua harta kekayaan kamu dimuat, wakakaka... ya intinya ganti deh semua disini sesuaikan dengan kebutuhan kamu yess... baiklah selamat berenang menuju samudra luas dengan mengganti semua content gambar dengan kebutuhan kamu yess......
Gimana nih uda seneng seneng nya ganti semua content article nya dengan kemauan kamu... yes kalau uda alih alih jangan di diamkan kaka,,, yuk sekarang kita online kan deh.. pastiin kamu sudah punya hosting dan domain ya.. kalau uda kini saatnya kita beraksi dengan melakukan upload node js web ini ke cpanel shared ataupun cloud hosting mu.. yuk simak caranya....
Login ke cpanel hosting mu. pastiin ya kamu sudah order domain dan hosting dulu loh,, kita bisa makai cloud maupun shared hosting kok, pastiin juga dan kalau perlu tanya ke vendor penyedia hosting mu ya, apa sudah support node, kalau sudah support baru deh kita bisa lakuin installasi dengan super sangat mudah... yuk kita mulaii......
Awalnya setelah login kita buat sub domain dulu aja biar lebih mudah sih... tapi kalau mau install ke domain utama gak perlu melakuin langkah ini ya.. khusus domain utama bisa lewati langkah ini, karna ini langkah untuk installasi ke sub domain aja sih kalau dibutuin, jadi biar lengkap bin kompleks gitu kaka.... oke lanjottt,,,,,
Masukin nama subdomain disini, nah setelah klik sub domain nantinya kita bisa masukin nih nama sub domain sesuai keinginan mu, misal nya web.namamu.com nah kurang lebih seperti itu sih, tinggal masukin web aja di area paling atas nya, nanti sub domain akan otomatis ngikutin kok, kalau uda bisa kamu simpan ya...
Kembali ke cpanel cari menu software dan pilih node apps,atau klik pada create node app karena kita mau ngebuat website modern dan keren dengan node yesss... so let's get started......
Nah nantinya kita akan masuk pada menu node apps, nih tinggal klick create add node applikasi aja kaka, ingat di click bukan di liatin doang yessss... di teken tombol nya kaka , tombol create itu kaka, ayo teken kak.. 🤣🤣
Nah kalau uda nantinya tampilan seperti diatas yess.. Lanjut integrasikan node app dengan subdomain yang barusan kamu buat,kalau kamu ingin install di subdomain mu, tapi kalau installasi root alias domain utama tinggal masukan dan pilih nama domain kamu langsung disini non sub ya.. terus pilih node version, kalau bisa yang terbaru aja kaka.. lanjot di bagian bawah biarin development dulu aja, karna nanti kita akan masuk sini lagi kok untuk konfigurasi ulang.
Nah selanjutnya kamu bisa cek link node kamu, klik url nya maka selamat node sudah online ya, yuk kembali ke cpanel dulu dan masuk ke folder subdomain kamu, atau kalau kamu installasi via root bisa langsung akses ke folder root dimana lokasi node env ini kamu letakan pada awal pembuatan ya. kalau uda langsung klik upload dan upload file dari Free Node JS Download Template source code gratis modern website yang uda kamu rubah, perhatiin ya.. hapus semua folder disini dulu ya.. kalau uda baru extract file dari hasil upload kamu . dan kurang lebih seperti tampilan gambar diatas ya...
Dan sekarang finishing nya nih.... Masuk ke cpanel lagi dan pilih node app, lalu klik edit aja deh terus konfigurasikan ke atau pindahin dari development ke production mode, klik save dulu dan restart node, selamat website node modern kamu sudah online sekarang. Asikk nih... makan makan... traktir ngopi dong kaka 🤣🤣.
dan saatnya deh kamu tunjukin ke temen temen sodara kerabar sebangsa setanah air... woe.. aku uda bisa buat web dari node nih... sambil pakek kaca mata ka biar makin keren 😎.
Nah sekian dulu deh kaka, semoga ngebantu yesss... sebelumnya kita juga uda ngebuat node blog juga sih , kamu bisa cek deh source code blogging platform node atau mau download silahkan, cek node blog gratis source code →.
Woke kaka moga ngebantu yess.. dan kalau butuh source code project kita bisa deh liat dan kunjungi disini, ada macam macam project gratis kita yang bisa kamu unduh dan ubah sesuai kebutuhan mu.
kumpulan source code gratis gallery →.
Baiklah wan kawan man teman see ya in next source code project yesss........
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
