|
1 | | - |
2 | | - |
3 | | - |
4 | | -<h1 align="center">Mobile App Landing for GitHub Pages</h1> |
5 | | - |
6 | | -## Made for [NeonFrame.app](https://neonframe.app) |
7 | | - |
8 | | -### Based on the original [template created by Sandoche](https://github.com/sandoche/Mobile-app-landingpage-template) and adapted to use with GitHub Actions: |
9 | | -``` |
10 | | -.github/workflows/jekyll.yml |
11 | | -``` |
12 | | - |
13 | | -### [Article how to easily make the landing with GitHub Pages](https://www.linkedin.com/pulse/beautiful-landing-mobile-app-github-pages-dmitri-chernysh-tfakf/) |
14 | | -## |
15 | | - |
16 | | -## 💡 Features |
17 | | -Mobile App Landing Page Template comes with pre-installed features and options: |
18 | | -- Display app icon |
19 | | -- Show unlimited app screenshots |
20 | | -- Link to Google Play |
21 | | -- Link to the AppStore |
22 | | -- Link to the Web App |
23 | | -- Press mention section |
24 | | -- Product Hunt floating prompt |
25 | | -- Privacy policy Page |
26 | | -- Google Analytics |
27 | | -- Cookie Consent |
28 | | -- Automatic dark theme |
29 | | -- Doorbell widget |
30 | | -- Github forking banner |
31 | | - |
32 | | -## ✨ Demo |
33 | | -Check out websites using the Mobile App Template: |
34 | | - |
35 | | -- https://neonframe.app |
36 | | -- https://closetalk.app |
37 | | -- https://mobileapplandingpage.learn.uno (demo website) |
38 | | - |
39 | | - |
40 | | -## 📖 How to use |
41 | | - |
42 | | -### The normal way |
43 | | - |
44 | | -1. Fork this project |
45 | | -2. Edit `_config.yml`, feel free to commut/uncomment what you need (google analtytics, or github for example) |
46 | | -3. Edit `_data/app.yml` with your app data |
47 | | -4. Update the text from `_data/strings.yml`, you can customize there the footer's links |
48 | | -5. Edit icons and screenshots inside the `_images` folder and `icon.png` in the root |
49 | | -6. Edit `_src/index.js` to update the product hunt modal (or to remove it) and to remove the darkmode plugin if you don't want it |
50 | | -7. Deploy (on netlify, gitpages or surge, they are all free) |
51 | | - |
52 | | -### The no-code way |
53 | | - |
54 | | -1. Go to https://t3mpl.n4no.com/editor/#manifest=../templates/mobile-app-landing-page/template.yaml |
55 | | -2. Edit the settings on the left part |
56 | | -3. Click on the `Publish` button then `Save Webpage as .zip` |
57 | | -4. Unzip and upload the folder to your server (you can drag'n'drop it in Netlify to host it there for free) |
58 | | - |
59 | | -## ⚙️ How to run |
60 | | - |
61 | | -### Pre-requisites |
62 | | -- NodeJS |
63 | | -- Ruby, Bundler |
64 | | - |
65 | | -### Install |
66 | | -``` |
67 | | -npm install |
68 | | -bundler install |
69 | | -``` |
70 | | - |
71 | | -### Development |
72 | | -``` |
73 | | -npm start |
74 | | -``` |
75 | | - |
76 | | -### Build |
77 | | -``` |
78 | | -npm run build |
79 | | -``` |
80 | | - |
81 | | -### Update gem version (Gemfile.lock) |
82 | | -``` |
83 | | - bundle install |
84 | | -``` |
85 | | - |
86 | | -### More documentation |
87 | | -This templates uses [Jekyll-webpack-boilerplate](https://github.com/sandoche/Jekyll-webpack-boilerplate), read more documentation there. |
88 | | - |
| 1 | +[redcube.dev](https://redcube.dev) Website made using [neonframe.page](https://github.com/mobiledevpro/neonframe.page) |
0 commit comments