23 Oct 2021
Mobile svelte app source code free download gratis
Mobile web svelte app source code free download gratis
Yap.. in this article we share a source code project built using svelte feat material design, for develope a modern new website using single page apps. for first you need install all requipment then you can run this code on localhost device or on cloud hosting.hey wait... now you can install and run this source code on your android smartphone , how to do it ?? just click documentation here → for cloud host you need to run build comand then test with start command. download now and get started....terus apa ini kelebihan nya dari source code ini ?? tentu nya full source code untuk kamu unduh dan download gratis free , jadi kamu bisa pelajarin konsep nya svelte maupun untuk ngebangun website mu dengan project ini. apa ini gratiss?? ya tentunya dong... super duper gratisan.. karena kita tau netizen kita mah suka yang ginian nih.. ya gak.. oke lanjut deh... gimana cara install dan menjalankan nya sih ?? yuk download dulu source code nya deh biar gak salah paham dulu...
Gimana download nya uda ?? kalau uda ya sudah sekian dan terima kasih 🤣🤣🤣. eits bang ini installasi nya gimana nih ?? baiklah kita mulai deh untuk persiapan awalnya kamu wajib nyiapin sebuah cemilan, sesajen dupa dan menyan, nyalain semua nya sampek berasap ye.. pastikan semua asap nya penuh ke ruangan mu,, apaan sih.... 🤣
Nah sekarang sebelum proses installasi ada baiknya aku share dulu ya display tampilan nya supaya kamu semua ada bayangan nanti mau ngeubah ni themes seperti keinginan kamu ya..
in this theme we raised it about android, so it was made to resemble android apk applications in general, with sidebar menus, and pages with cards that will enhance the display of this svelte theme.
Karena konsep nya seperti awal kita bilang andromeda ya,, jadi untuk akses pertama kali nanti disambut dan disambit oleh para andromeda disini, sebagai pemanis aja sih, kamu bisa isi juga kok nantinya ama text content sesuai keinginan kamu , cuma pada themes ini kita mau nya sih simple ya.. jadinya pas akses awal kita kosongin dan kasih gambar doang, harapan nya nanti si pengunjung site bisa main main dengan sidebar drawer samping kan kece tu yess.. 😎 oke dilanjut dilanjutt... tarik sis... semongko,......
Nah iniloh maksud nya supaya pengunjung site kamu bisa mainan nih buka tutup , buka tutup menu slider drawernya 😆 , kan keren tuh kek pintu yes... dan disini ada beberapa menu sih yang bisa kamu ganti nantinya , terserah kamu mau kamu ganti apa aja bebas, apasih yang gak buat kamu...
Nah nanti pas akses salah satu halaman tampilan nya kek gini ya wan kawan man teman, my man... mode card buatin nya jadi biar klop aja ama tampilan mobile nya serasa makai aplikasi android aja nih kan ya..
Nah kurang apa coba semua display tampilan nya uda full android banget nih,, makin andromeda banget ya kan.. kamu bisa ganti kok nantinya sesuain aja ama konsep dari website kamu mau bikin nya apa gitu sih.
dan ini juga contoh Akses halaman lain biar kece ya kita injeksi aja semua berbau andro androan gitu deh wan kawan man teman..
Apa mobile first ?? tentunya my man.. jadi project ini sudah mengkondisikan dan menyesuaikan akan device yang digunakan untuk akses misal via desktop pc, mobile smarpthone tampilan akan menyesuaikan via device akses pengunjung site nya, jadi kek android nih web nya.. xixixi....
Tuh kan.. dibilangin kagak percaya pokok nya andro banget deh.. slider drawer mirip ama apk aplikasi android kan .. jadi makin keren untuk kamu buat ngebangun situs mu sih.. dan bebas mau ganti apa aja bisa ...
Nih yang paling keren dengan zig zag desain card nih.. apaan tuh bang awokwokwok... ya pokok nya dibuat unik dan semenarik mungkin lah ya.. jadi kiri kanan besar kecil apa aja deh.. nah kamu juga bisa ganti ya.. supaya mudah untuk update nya kamu bisa ganti text ama gambar nya aja biar kagak ribet yes.. terus tinggal upload deh ke cloud host .
Kamu youtuber..??? atau subscriber ?? 😂😂.. yap uda ready deh kita uda siapin banyak nih gallery video jadi makin kece kan, gak usah upload poto makai video aja deh biar puas ye kan.. kamu bisa ganti url embed nya dengan embed youtube video kamu disini ya.. pakai jalan ninja jurus copy paste biar cepet...
Baiklah secara garis vertikal dan horisontal.. maksud nya secara konsep sesuai ama yang kita jabarin di keterangan diatas ya.. pada desain kita sengaja menggunakan semi mobile jadi kek semi semi android app gitu deh... cek demo terus download android apk diatas tuh kan hampir hampir sama ye kan..
Oke sekarang kita masuk ke cara installasi nya... pertama pastiin kamu sudah ada node ya.. karena nantinya kita kerja dengan node, kalau belum punya dan belum terinstall kamu bisa download node disini → , nah kalau uda download install sampai finih ya.. terus kamu buka logo windows pada keyboard dan jalain perintah
node -v
kalau uda muncul versi dari node kamu berarti node sudah ke install dengan mulus kek paha para artis yess 🤣. nah kalau uda kamu bisa buka deh folder download diatas tadi, atau jalanin perintah berikut ini
git clone https://github.com/mesinkasir/sveltemdl.git
, nanti secara otomatis dan ajaib akan ada di folder c:/user/namapc/sveltemdl folder, nah saat nya deh kita open ke folder download ya.. cara nya jalankan perintah beriku ini cd c:/user/namapc/sveltemdl
ubah nama pc ama nama pc kamu sendiri ya terus sveltemdl ganti ama folder dimana lokasi download kamu gunain, kalau uda kita jalanini installasi nya dulu gaes... masukan dan jalankan npm install
, nah kalau uda , selamat deh kita kamu tinggal running aja Mobile svelte app source code free download gratis ini , caranya masukan perintah command npm run dev
dan kini buka browser kamu misal mozila, chrome dll , lalu masukan URL : localhost:5000 dan tralala trilili.... kini web modern mu udah bisa diakses gengessss...... dan saatnya oprak oprek sesuai ama kebutuhan mu ya.. pakai kode editor lalu masukan deh file file yang pengen kamu ubah...kalau penasaran dan bingung setelah ubah ubah kamu bisa lihat konsep desain dan Cek demo nya disni →
Widih.. keren kamu my man uda bisa banget nih bikin dan buat website modern dari svelte nih,, pamerin dong project kalian ya kan.. saatnya unjuk gigi nih.. awas kalau ada yang lubang gigi nya loh 🤣. You can also get your website online by uploading this source code to your github repo and then integrating it with heroku, vercel, or you can also deploy it with firebase or surge.
Nah sekarang proses deploy ke server hosting gimana ngab... secara kan ini masih jalan di local nih,, dan belum kita upload ke hosting, nah untuk njalanin nya supaya gak ribet bisa makek heroku , vercel , surge , firebase aja deh.. caranya cukup register dong disana ya.. baiklah kita urutin ya cara deploy dan online kan website modern kamu ini...
Pertama daftar ke github atau gitlab, kalau uda kamu buat repo baru beri nama sesuai ama nama project yang kamu inginin atau nama web kamu misalnya, lalu setelah itu kan ada penjelasan ya di halaman repo mu, nah jalanin sesuai petunjuk disitu untuk upload project mu, kalau ribet kamu pilih upload file aja deh dan upload semua source code disana ya. setelah itu baru kamu masuk ke account heroku , vercel kamu, terus buat project dan integrasikan dengan account github mu, dan pilih repo kemudian deploy apps... dan selamat website kamu sudah ngacir my man... gratis lagi 🤣🤣.
Opsi ke dua kalau kamu gak pengen nih source code kamu di intipin orang orang kamu bisa buat private repo dan lakukan seperti langkah diatas tadi.
dan misalnya kamu gak pengen upload file dan cuman ngehost aja maka kamu bisa install surge / firebase tinggal buat account dan baca petunjuk disana, sebelum itu kamu muesti harus dan wajib installasi dulu loh ya.. kalau uda kamu mesti jalanin yang namanya
npm run build
setelah itu kamu bisa tes dan jalanin dengan npm start
kalau uda oke baru deh kamu bisa online kan project ini.jalan ninja tercepat ya via surge aja deh.. caranya install surge dengan jalanin installasi surge untuk installasi surge global ke device mu.. gimana nih mau dilanjut aja kah tutorial nya ??? baiklah menuruti para netizen akan kami lanjutkan aja deh....
Buat website dan online kan website svelte gratis dengan surge - Mobile svelte app source code free download gratis
DEPLOY ON SURGE
pertama jalanini
npm install -g surge
kalau uda kamu jalanin lagi dan register dengan account kamu ya...
surge
Nah otomatis deh website kamu uda online, kamu bisa cek dengan keterangan dari terminal shell ya.. website ini gratis loh gaess.. nah gimana makin manteb gak tuh.. semua serba gratisan.. 😎 mulai source code, hosting dan domain gratis semua untuk para nextizen budiman ini...
Nha kalau uda ya coba dong diakses web kamu yang uda kamu deploy.. dan jangan lupa kabarin berita penting dan menggembirakan ini ke seluruh kota, kabupaten, kadipaten, temen sanak sodara wajib tau kalau kamu tuh udah bisa bikin website modern sendiri 🤣🤣.
Selamat deh kamu uda bisa online kan nih web modern kamu,,, eits.. tunggu dulu... kita juga ada premium version nih.. develope menggunakan material dan tentunya lebih cuantik lagi sih.. ya kalau kamu butuhin yang lebih cantik ya kan.. 🤣. Baiklah berikut tampilan nya nih...
Tampilan awal nya musti keren ya dong.. jadi kek phone phone gitu lah... makai tombol get started pula... biar makin wow dan joss deh..... lanjutin yess.....
Nah setelah tekan tombol.. inget tekan ya bukan nelan tombol 🤣, nantinya tampilan seperti kui.. semi landing page semi mobile version yes.. biar lebih lengkap.....
Ada juga halaman blogging nih.. jadi kamu bisa masukan semua deh blog artikel dimenu ini , dan kita bisa custom juga sih wong statis ya kan.. jadi lebih mudah untuk customise sesuai karepmu dewe lah gengs..
Dan nanti nya nih kalau pengunjung site mu klik pada salah satu blog maka akan tampil nya seperti diatas itu gaess.. full page lah pokoknya dan kalau mobile version nya jelas lebih keren lagi yesss kan....
Lanjutin deh ama halaman page zig zag versi premium pro nih.. keren dong dengan ada video sama gambar nya yang super menarik noh...
Nanti kalau klik pada halaman zig zag tadi juga bisa masuk ke artikel nya, dan contoh artikel nya seperti diatas itu gaesss...
Nah ada gallery video nya juga sama sih ama versi free version nya juga untuk display semua video kamu disini.
dan contoh halaman pricing nya juga ada loh gaess....
baiklah gaess... download source code install dan online kan website mu ya. mudah mudahan ngebantu kamu yang pengen punya website serba gratis dari hosting domain dan source code tema template dengan technology modern ya...
Installing and run svelte on your android smartphone
Now how to install and run this source code Mobile svelte app source code free download gratis on your mobile android device ?? can i install it on my android phone ?? of course you can install on your android phone, for first we need to download termux, you can search and then download it on google play store, after install termux now you need to install node just open termux then run command
pkg install nodejs
, and test node version on your android phone with run node -v
if your termux displaying a node version , congratulations now you have node on your phone, oke next we need to clone this source code repo, just run command git clone https://github.com/mesinkasir/sveltemdl.git
then termux will clone a repo, now we need to accsess source code folder just run command cd sveltemdl
, ok we need to install before run your web app, so insert command npm install
after installation success , let's go run this web app on your android smartphone with insert commandnpm run dev
then open your web browser and visit localhost:5000. your web app is live now.. or you can play and watch video how to install svelte mobile on your android smartphone.membuat web dengan svelte bootstrap - free download source code →
svelte feat bulma io - free download source code →
all in one saper svelte tailwind bootstrap with PWA - free download source code →
See ya.. di source code selanjutnya yang akan selalu kami update.........
Contibution with donation for support our team dev make other source code for the world.
Buy me a coffee ☕️ ❤️ ✌🏻Donate Now