Firebase Hosting支持托管的其他项目类型及技术咨询

Hey there! Awesome that you're already using Firebase Hosting for your Angular 4 app—let's dive into all the other types of projects and technologies you can host on it, since it's way more versatile than just SPAs!

What else can you host on Firebase Hosting? #

• Pure HTML/CSS/JavaScript static sites: The simplest use case—any static website built without a framework, like a basic landing page, personal portfolio, or static blog. No build steps needed; just upload your files directly.
• Other frontend framework SPAs: Beyond Angular, you can host single-page apps built with React, Vue.js, Svelte, Ember.js, or even older frameworks like Backbone.js. Firebase Hosting's rewrite rules handle SPA routing perfectly, so deep links work without 404 errors.
• Static Site Generator (SSG) outputs: Tools like Gatsby, Hugo, Jekyll, Docusaurus, or Eleventy generate fully static HTML/CSS/JS bundles. Just build your SSG project and deploy the output folder to Firebase Hosting—this is ideal for blogs, documentation sites, and content-heavy static sites.
• Jamstack projects: Firebase Hosting is a great fit for Jamstack architecture (static frontend + serverless backend). You can host your static frontend here, and pair it with Firebase Cloud Functions (or other serverless services) for dynamic logic like form submissions, API endpoints, or authentication. The hosting service lets you set up rewrites to route API requests directly to your functions.
• Static documentation sites: Whether it's auto-generated docs from tools like Swagger/OpenAPI, or hand-built docs, Firebase Hosting can serve them as static files. Tools like Docusaurus (mentioned above) are specifically designed for this, and deploy seamlessly.
• HTML5 games: Pure frontend browser games built with HTML5, Canvas, or WebGL work perfectly here. You can host all game assets (images, audio, scripts) directly, and Firebase Hosting's global CDN ensures fast load times for players worldwide.
• Static e-commerce sites: If you have a static e-commerce store (like one built with a static site generator and headless commerce APIs), you can host the frontend on Firebase Hosting. For dynamic cart/checkout logic, pair it with Firebase Functions or third-party services.
• General static assets: You can use Firebase Hosting as a CDN for static media like images, videos, audio files, PDFs, or downloadable resources. It's a reliable way to serve assets with low latency across regions.

One quick note: Firebase Hosting is focused on static content and SPAs, so it doesn't support traditional server-side rendered (SSR) apps out of the box. But if you use frameworks like Next.js or Nuxt.js, you can export them as static sites (instead of using SSR) and deploy that output to Firebase Hosting without issues.

内容的提问来源于stack exchange，提问作者Hilal Kaldane