I try to configure firebase with quasar V2 to get my website accessible in SSR mode.
Stack: quasar CLI V2, VUE 3,
I build my ssr app with : quasar build -m ssr
In src-ssr i have :
middlewares/rentder.ts
server.ts
ssr-flag.d.ts
in dist/ssr i have :
client folder
server folder
index.js at root of dist/ssr
render-template.js at root of dist/ssr
and more
Now, how to say to firebase to use the dist/ssr folder to render quasar ssr ? Should i use cloud functions ? How ?
(Btw building in spa mode and deploy to firebase with firebase deploy works perfectly. But i need the ssr now.)
I've already used this methods without success :
Deploy Quasar SSR vue/node app to Firebase Hosting
https://www.appsloveworld.com/vuejs/100/14/deploy-quasar-ssr-vue-node-app-to-firebase-hosting
Possible to have a clear method that works pls ?
Related
I'm basically from react background where i have deployed my react app's on EC2 just by building with (npm run build) the project and using packages like Pm2 and serve.
Now when i tired to do the same thing with NextJs App it is not happening. So my question is it mandatory to use Nginix for NextJs App's while deploying them on ec2?
I want to deploy my Blazor project with Firebase hosting. I have tried a few times to deploy but have the same erorr Firebase Hosting Setup Complete. Deploy Blazor project
firebase login
firebase init
What do you want to use as your public directory? public
Configure as a single-page app (rewrite all urls to /index.html)? No
Set up automatic builds and deploys with GitHub? No
File public/index.html already exists. Overwrite? No
Skipping write of public/index.html
firebase deploy
First of all, you can deploy to firebase hosting only client side app. So your app must be Blazor WebAssembly single-page app. Moreover you are not overwriting index.html so you will see the default firebase file (you can check this). So you have to overwrite default index.html with yours.
While developing a flutter web app, I was using the dev firebase project. Now, when the development is finished it is required to use the production firebase project for production. How can this be done other then simply swapping the firebase dev configuration from index.html with the prod firebase config before building the app.
I tried this tutorial Dynamic HTML elements but I couldn't adapt it to my solution.
I thought that the configuration could be added as a child but an error was thrown:
Expected a value of type 'Element', but got one of type 'FirebaseOptions'
How do I handle my Firebase API key in a production application?
I have the following component:
<firebase-app
id="firebase"
auth-domain="<domain>"
database-url="<url>"
api-key="<api_key>">
</firebase-app>
I'm using the Polymer Starter Kit with Firebase hosting. Is there somewhere to designate my API key as an environment variable and pass the variable to the application when I start the app?
I use polymer build to build my app, then firebase deploy to push my app to Firebase.
I want to try the demo for polymerfire in firebase. To get it run locally I followed these steps. But what exact steps do I need to do to get it to run in firebase?
I figured firebase init and firebase deploy should be run but the browser only displays errors in the console. Must the polymer project be build in a certain way and what should the firebase "public" folder be?
All files from public folder will be deployed to your Firebase static web hosting, so you can access them though your Firebase hosting address like https://projectname-5gek53.firebaseapp.com/. This allows you to upload your web app.
You build your polymer app (I guess you need to run polymer build). You drag all files generated as production build to your public folder. Next, you run firebase deploy and after deployment process your app will be accessible from your hosting address as I mentioned above.
Edit: Polymerfire demo is actually not that simple to export, but I found a really nice tutorial step-by-step from Google Codelabs here is a link Build a Progressive Web App with Firebase, Polymerfire and Polymer Components
I just installed a new version of the polymer cli and Firebase cli. When I do a Polymer build, no build/bundled or build/unbundled is created.
I do get a build/default, which I can run with a firebase serve and a firebase deploy. So something has changed recently. just fyi