Create Landing Page for My App Food Today Using Firebase Hosting


Hello guys, I'm excited this month because my app Food Today now has landing page. The best thing is usually I used to host my website using heroku like kontaku app. Today I'm gonna share how I create my landing page easy way. First you need to go to console firebase. Make sure you have your own project. It's ok for now if you don't have any apps.

Get your own template for landing page. I used Nova Free Theme for my landing page. I found it free and beatiful, so I used it. I don't have much pages, it's only three actually. There are home, privacy policy and term & conditions. And I design my home page as simple as I could. One screenshoot of my app and title text and description. Two images logo to download my app App Store and Google Play.

After that create your own directory for your landing page. Instal firebase CLI then in your command prompt run firebase init choose hosting. There's a folder called Public, that's where you insert your html files. Last thing to do is firebase deploy. Taraaa now you can check in URL given by firebase like this https://food-today-63582.web.app/. For detail explanation you can check here. 

The next you maybe want to do is using your own domain. Like me I want to use subdomain, first I wonder how can it be ? after I searched on google and try to figure it out. Finally I can use my subdomain for landing page as you can see on https://foodtoday.ungapps.com/. 

I used cloudflare for my domain configuration. I got my web secure using https, it's because of cloudflare. It;s not hard to make it, you just need to follow the guideline that firebase give. Add custom domain as an example "foodtoday.ungapps.com" then verify your domain. You need to add TXT record in your web domain configuration like me in cloudflare. Finally you need to wait 24 hours to go live.

So the conclusion firebase is very helpful for your project. I think we just need flutter and firebase to create our startup maybe. You can deliver fast because everthing you need is there. So if you have any question related to this article, feel free to ask me anything. Sorry if my english is not good, I'll try my best. See you on the next article. Bye.

Popular posts from this blog

How to restart the app with flutter Android and iOS

Image
Hi all, welcome back to my blog. And today lesson is about flutter again. I have a little problem when trying to resart the app directly from the app. So what I mean is I want to restart the app after users do something. Because if I don't do it, the app flow will be bad and the data that I want to refresh will be failed. So in my use case in my app is I want to restart the app after user sign in or sign out in my app. The reason is I need to restart all of the previous state. That's the easy way I can do, and I have some problems with camera plugin. The problem is happened only on android, so when you click sign in google/facebook, there'll be new page native from their sdk and making the app in inactive status. That'll will make camera bug, and it will make the app crash.
Read more

Missing system image Android Studio solution

Image
Happy holidays guys, this is december with long weekend haha. I still have a problem with Android Studio. After I update my emulator and suddenly I got a issue that is so weird. You can see picture above I need to redownload emulator from android studio. If you got a issue like me, don't worry and don't uninstall your android studio. It's not complicated to resolve it. You just need to redownload the emulator go to Tools -> AVD Manager. You can see the issue of your emulator and redownload or resolve it. And you will be like image above. Just wait the download and your emulator will be fine again. If you still have the issue, please comment below and let me know what's the problem. I'm happy if i can help you guys. I'm not expert but it's fun when i can solve programming issues.
Read more

How to have ConstraintLayout inside ScrollView and ScrollView inside ConstraintLayout Android

Image
Hai guys, last week I found a unique way to create layout Android look. You can see the title, that's actually what I want. I know it sounds weird but sometimes we need to create something that we might curious if it's in o n the internet or not. Why I'm using ConstraintLayout because it's almost same with iOS xcode. There is constraint where you can set top constraint, bottom constraint, left constraint and right constraint. So it's easy for me to design like what I want. But it's personal, it depends on you too. And fortunely you can combine ScrollView and ConstraintLayout. Because you need to worry when the height of your layout is high than real device height. And if you don't use UIScrollview your component will be unseen when the height of device is more small than layout that we design. Like my app, I want to use ConstraintLayout and ScrollView together. Maybe it can do with RelativeLayout or others layout. But something special that I want i
Read more