Support Next.js export output

src/app/[slug]/page.tsx

@@ -1,11 +1,19 @@
+import dynamic from 'next/dynamic';
 import { getPage } from '@/lib/api';
-import { Masonry } from '@/lib/masonry';
 import Nav from '@/lib/nav';
 
+const Masonry = dynamic(() => import('@/lib/masonry'), {
+  ssr: false
+});
+
 function capitalize(string: string): string {
   return string[0].toUpperCase() + string.slice(1).toLowerCase();
 }
 
+export async function generateStaticParams() {
+  return [{ slug: 'azerbaijan' }];
+}
+
 async function Page({ params: { slug } }: { params: { slug: string } }) {
   const photos = await getPage(capitalize(slug));
 

src/app/page.tsx

@@ -1,7 +1,6 @@
 import dynamic from 'next/dynamic';
 import './globals.css';
 
-// `react-globe.gl` is not compatible with SSR
 const Globe = dynamic(() => import('@/lib/globe'), {
   ssr: false
 });

src/lib/masonry.tsx

@@ -37,3 +37,5 @@ export const Masonry = ({ items = [], ...props }) => {
     </section>
   );
 };
+
+export default Masonry;