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.

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.

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.

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.
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.
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 →
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 →