如何使用Firebase和react创建所有用户都可以访问的静态信息？

npx create-react-app my-app
cd my-app
npm start

npm install firebase

import firebase from 'firebase/app';
import 'firebase/auth';  // 如果使用认证
import 'firebase/firestore';  // 如果使用Firestore数据库

const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
};

firebase.initializeApp(firebaseConfig);

export default firebase;

import React from 'react';

const StaticInfo = () => {
  return (
    <div>
      <h1>Welcome to Our Website</h1>
      <p>This is some static information accessible to everyone.</p>
    </div>
  );
}

export default StaticInfo;

npm install react-router-dom

import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import StaticInfo from './StaticInfo';

function App() {
  return (
    <Router>
      <Switch>
        <Route path="/info" component={StaticInfo} />
        {/* 其他路由 */}
      </Switch>
    </Router>
  );
}

export default App;

npm install -g firebase-tools

firebase login
firebase init hosting

npm run build
firebase deploy