Building a Serverless Blog with Next.js and Firebase

• Overview: This article guides you through creating a serverless blog using Next.js and Firebase. It covers setting up Firebase for authentication and Firestore for data storage, and implementing server-side rendering with Next.js.
• Key Concepts: Serverless architecture, Firebase authentication, Firestore database, server-side rendering with Next.js.

// pages/api/posts.js
import { db } from '../../firebase';


export default async (req, res) => {
  if (req.method === 'POST') {
    const { title, content } = req.body;
    try {
      const docRef = await db.collection('posts').add({
        title,
        content,
        createdAt: new Date().toISOString(),
      });
      res.status(201).json({ id: docRef.id });
    } catch (error) {
      res.status(400).json({ error: error.message });
    }
  } else {
    const snapshot = await db.collection('posts').get();
    const posts = snapshot.docs.map(doc => ({
      id: doc.id,
      ...doc.data(),
    }));
    res.status(200).json({ posts });
  }
};