New Mobile11ty eleventy build website android app

Build Generator static site and android app all in one with mobile11ty

If you need to build a modern website with mobile concept so you can use this project for help you for build website and android app all in one, this is because on this project call it mobile11ty develope using modern static site generation using eleventy and we can build a full mobile display with ionic . with this colaboration so we can fast and easy just use mobile11ty build website and android all in one package set. But why we not develope with single page app or ssr ?? of course i know about SPA but some reason issues the SEO,this why we develope using eleventy, with 11ty we can build website with fully SEO structure and include with sitemap.xml files , all we need about SEO can be handled by eleventy.
New Mobile11ty eleventy build website android app
Now we discuss about display , with use ionic mobile framework help your site very flexible , because we can build all in one modern website and mobile just use this framework, so with this concept we can build all in one website and android app very fast.
New Mobile11ty eleventy build website android app
We have design this source code project for desktop and mobile , for desktop you can see you have a banner or image cover in header, then you have section area for displaying lastest post, then introduction about your site, and list of website page in here. this is automaticly fecth from your post article and page.
New Mobile11ty eleventy build website android app
Then you can see on Mobile version is same display too.. with lastest post menu, intro menu, and page list in here, then you can see on footer we have tab menu for information.
Oke now how to install and work with this source code project ?? for first of course you need to install node js, because we work with node, so download node now . download node now →
After download node you can install it, then you can open shell terminal and run node -v for check node version you have installed, and you can check npm version with run npm -v.
Oke now we need install eleventy globaly so you can open shell terminal and run npx @11ty/eleventy. Then test installation with run eleventy.
Oke next step we can download this source code on our github repo, so download now and get started.
Download on github repo
Github Download
or you can clone repo with run
git clone https://github.com/mesinkasir/mobile11ty.git
After download source code Build Generator static site and android app all in one with mobile11ty so we can install this source code, just create new folder and copy all source code file in your new poject folder , then open shell terminal and run npm install wait for installation finish, then you can test this web app with run npm run serve or you can run npx @11ty/eleventy --serve , now open web browser and visit localhost:8080 , congratulations you have successfully to install mobile11ty in your device.
CONFIGURATION & WORK
now after installation success you need to change all configuration, so let's back to project folder and open _data folder then edit metadata.json files. you need edit this file with code editor, so you can download visual code studio for edit files, Download Visual Code Studio →
Structur files.
gsv for google site vertification meta tag
Title website
URL link your website
Language website
Description website
Icon Website
Cover Website for meta twittercard
Feed
Section for change website display design
cover for section cover
icon for icon cover
slogan section
title section
content section
Menu for change navbar menu
menu1 for change display name on menu 1
menu2 for change display name on menu 2
menu3 for change display name on menu 3
menu4 for change display name on menu 4
icon1 for change icon on menu 1
icon2 for change icon on menu 2
icon3 for change icon on menu 3
icon4 for change icon on menu 4
url1 for change link on menu 1
url2 for change link on menu 2
url3 for change link on menu 3
url4 for change link on menu 4
Just change with your needed in here then save it.
For change icon you need to visit on https://ionic.io/ionicons select icon and then copy and paste icon name in icon menu.
Oke now we can create a new article post edit and delete , so you can visit on posts folder and you can see example article in here, you can copy and paste another page , then edit with your needed in here.so let's go build your mobile web and android app bundle with New Mobile11ty eleventy build website android app.

BUILD ANDROID APP

After you have finished project with mobile11ty, now you can build android app too... for first of course we need android studio , so download android studio →
build android application with eleventy 11ty ionic
build android application with eleventy 11ty ionic
For convert your mobile website in to android application you can use two option
  • Option 1 for simple and easy you can just convert using webview, you can use this option if you need just build android application and wana user download in your website, or you can shared android app . so if you need to build android app with webview you can read this article , how to build android webview →
  • Option 2 if you need for upload your android application to google playstore, so for first you need have a google developer account, then you can build bundle app , use cordova and capacitor, you can read article how to build android app with cordova capacitor here →
Oke we hope you can build website and android app with easy using mobile11ty.
BONUS CONTENT ELEVENTY PROJECT FREE DOWNLOAD :
Mobile11ty build android and website
Bootstrap11ty powerfull blog SEO
Text11ty for blogger
Thisis11ty wordpress thesis inspired
New modern cool11ty
All source code project free download →
Mesin kasir terbaru →

Contibution with donation for support our team dev make other source code for the world.

Buy me a coffee ☕️ ❤️ ✌🏻

Donate Now

Text Notes Update

Aplikasi
Temukan aplikasi toko,aplikasi restoran,aplikasi bengkel, aplikasi sekolah, aplikasi invoice , aplikasi akuntansi , aplikasi ekspedisi disini.

Bang Resto Aplikasi Restoran
Aplikasi restoran cafe rumah makan sangat lengkap include website integrasi ,waitrers, kitchen ,kasir, admin, qr code menu digital , whatsapp online order dalam satu app.

Pembuatan Website Cepat dan SEO
Saatnya kini kembangkan website super cepat tanpa database dengan dukungan SEO di dalam nya.

Typography Hockey Computindo
Mesin Kasir , aplikasi kasir , aplikasi toko, aplikasi restoran, aplikasi bengkel, aplikasi sekolah, pembuatan website terbaru.

Lava Aplikasi Toko Grosir dan Eceran.
Kebutuhan untuk penjualan eceran grosir maka menggunakan aplikasi toko lavaapp adalah pilihan terbaik untuk toko minimarket bisnis usaha mu.

Mesin Kasir
Mesin Kasir terbaru untuk toko minimarket dan mesin kasir restoran cafe rumah makan.

Mesin Kasir Restoran
Restoran cafe rumah makan wajib menggunakan mesin kasir ini, lengkap aplikasi software program restoran waiters kitchen kasir admin all in one.

Mesin Kasir Toko
Sempurna dengan barcode system dan touchscreen metode untuk mesin kasir toko minimarket retail shop.

Pembuatan website modern terbaru
Buat web modern bersama kami dengan react, next, remix, gatsby , angular, svelte , blazor wasm untuk solusi terbarik pengembangan site mu.

Mr.RestoPos Aplikasi Restoran
Aplikasi restoran cafe rumah makan super lengkap dengan kemampuan waiters , kitchen display, kasir dan admin dalam satu app integrasi website resto cafe rumah makan.

Explore Notes

Product & Services

Dukungan produk dan layanan kami untuk membantu memajukan bisnis usaha mu.

mesin kasir online

Mesin Kasir

Pilihan mesin kasir terbaik dengan hardware pilihan.

modern website

Website

Pengembangan website modern technology.

aplikasi kasir toko restoran

Applikasi

Aplikasi kerja untuk menunjang bisnis usaha mu.