feat: add climate-page with SSR

pages/climate/index.tsx

@@ -1,21 +1,17 @@
 import type { NextPage } from 'next';
 import Link from 'next/link';
-import { useEffect, useState } from 'react';
 
 import env from '../../env';
 import { Location } from '../../types';
 import { getLocations } from '../../services/api/climate/locations';
 
-interface Props {}
+interface Props {
+  data: any;
+}
 
-const Climate: NextPage<Props> = () => {
-  const [locations, setLocations] = useState<Location[]>([]);
+const Climate: NextPage<Props> = ({ data: locations}) => {
   const { READING_BASE_URI } = env;
 
-  useEffect(() => {
-    getLocations().then(locations => setLocations(locations))
-  }, [])
-
   return (
     <div>
       <div>Climate Page12</div>
@@ -35,4 +31,9 @@ const Climate: NextPage<Props> = () => {
   )
 }
 
+export async function getServerSideProps() {
+  const data = await getLocations();
+  return { props: { data } }
+}
+
 export default Climate;