1. Make sure Node.js and npm are installed.

2. Start a new Next.js project:

   ```bash
   npx create-next-app@latest my-next-app
   cd my-next-app
   ```

3. Run the dev server to check everything's working:

   ```bash
   npm run dev
   ```

1. Install the Firebase CLI globally:

   ```bash
   npm install -g firebase-tools
   ```

2. Log in to Firebase through the CLI:

   ```bash
   firebase login
   ```

1. Go to the root of your Next.js project.

2. Initialize Firebase:

   ```bash
   firebase init
   ```

3. Choose these options during setup:

• Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys.
• Existing Project: Pick your existing Firebase project (or create a new one).
• What do you want to use as your public directory?: Type out.
• Configure as a single-page app (rewrite all URLs to /index.html)? Select No.
• Set up automatic builds and deploys with GitHub? Select No (unless you want to set this up).

1. Open firebase.json and tweak it to support SSR with Next.js:

   ```json
   {
   "hosting": {
   "public": "out",
   "rewrites": [
   {
   "source": "**",
   "function": "nextjsFunc"
   }
   ]
   },
   "functions": {
   "source": "."
   }
   }
   ```

1. Add Firebase functions to your project:

   ```bash
   firebase init functions
   ```

2. Choose JavaScript as the language for your functions.

3. Go to the functions folder and install the necessary dependencies:

```bash
cd functions
npm install firebase-admin firebase-functions next
```

1. In the functions folder, create a file named next.config.js if it’s not there and add this:

   ```javascript
   module.exports = {
   target: "experimental-serverless-trace",
   };
   ```

2. Update the index.js in the functions folder to add the SSR function:

   ```javascript
   const functions = require("firebase-functions");
   const next = require("next");

   const dev = process.env.NODE_ENV !== "production";
   const app = next({ dev, conf: { distDir: ".next" } });
   const handle = app.getRequestHandler();

   exports.nextjsFunc = functions.https.onRequest((request, response) => {
   return app.prepare().then(() => handle(request, response));
   });
   ```

1. Build your Next.js project:

   ```bash
   npm run build
   ```

2. Deploy your Firebase functions and hosting:

   ```bash
   firebase deploy --only functions,hosting
   ```

After these steps, your Next.js project should be all set up with server-side rendering (SSR) using Firebase Hosting and Firebase Functions.