bring over code challenge

pages/airports/[iata].tsx

@@ -0,0 +1,29 @@
+import { GetServerSideProps, NextPage } from 'next'
+
+import Layout from '../../components/layout'
+import { findAirportByIata } from '../../models/airport'
+import Airport from '../../types/airport'
+
+interface Props {
+  airport: Airport | undefined
+}
+
+const Page: NextPage<Props> = ({ airport }) => {
+  return <Layout>
+    <h1 className='text-2xl'>Airport: {airport.name}</h1>
+    <pre className='mt-10 text-gray-500 text-sm'>{JSON.stringify(airport, undefined, 2)}</pre>
+  </Layout>
+}
+
+export const getServerSideProps: GetServerSideProps = async ({ params }) => {
+  const { iata } = params
+  const airport = await findAirportByIata(iata.toString())
+
+  return {
+    props: {
+      airport,
+    }
+  }
+}
+
+export default Page