201. Preparations

back to nextjs-course-code-03-prj-routing-starting-setup

202. Adding Static Site Generation (SSG) On The Home Page

Possible to request filtered data by

https://firebase.google.com/docs/database/admin/retrieve-data#node.js

import EventList from "../components/events/event-list";
import { getFeaturedEvents } from "../helpers/api-util";

function HomePage(props) {
  return (
    <div>
      <EventList items={props.events} />
    </div>
  );
}

export async function getStaticProps() {
  const featuredEvents = await getFeaturedEvents();
  return {
    props: {
      events: featuredEvents,
    },
  };
}

export default HomePage;

use static-generation.

pre-rendering with data is working as below.