first commit

pages/contacts.js

@@ -0,0 +1,26 @@
+const Contacts = ({ contacts }) => {
+  console.log(contacts);
+  return <div>Contacts List</div>;
+};
+
+export async function getStaticProps() {
+  const contacts = [
+    { firstName: "Allen", lastName: "Lane", phone: "542-987-3456" },
+    { firstName: "Jane", lastName: "Smith", phone: "" },
+    { firstName: "Richard", lastName: "Walker", phone: "542-737-3246" },
+    { firstName: "Alejandro", lastName: "Lane", phone: "542-345-8721" },
+    { firstName: "Erin", lastName: "Larson", phone: "(542) 321-3456" },
+    { firstName: "Richard", lastName: "Julian", phone: "542-211-5678" },
+    { firstName: "Bill", lastName: "Allen", phone: "542-654-2154" },
+  ];
+
+  // By returning { props: { contacts } }, the Contacts component
+  // will receive `contacts` as a prop at build time
+  return {
+    props: {
+      contacts,
+    },
+  };
+}
+
+export default Contacts;