Fix static build

codegram · Sep 16, 2021 · be35728 · be35728
1 parent 3284e7d
commit be35728
Show file tree

Hide file tree

Showing 8 changed files with 21 additions and 14 deletions.
diff --git a/components/Image.tsx b/components/Image.tsx
@@ -0,0 +1,8 @@
+import Image, { ImageProps } from 'next/image'
+
+function CustomImage(props: ImageProps): JSX.Element {
+  // eslint-disable-next-line jsx-a11y/alt-text, react/jsx-props-no-spreading
+  return <Image unoptimized {...props} />
+}
+
+export default CustomImage
diff --git a/components/elements/Button/spec.tsx b/components/elements/Button/spec.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import { render, fireEvent, screen } from '@testing-library/react'
 
 // Components
-import { Button } from './Button'
+import { Button } from './index'
 
 describe('Button', () => {
   it('executes the action when button is click', () => {

diff --git a/components/index.ts b/components/index.ts
diff --git a/next.config.js b/next.config.js
@@ -22,11 +22,13 @@ const nextConfig = {
   async headers() {
     return [{ source: '/:path*', headers: securityHeaders }]
   },
-  future: {},
-  i18n: {
-    defaultLocale: 'en',
-    locales: ['en'],
+  images: {
+    loader: 'custom',
+    path: '/',
+    deviceSizes: [320, 480, 768, 1024, 1280, 1440, 1600, 1920, 2048],
+    imageSizes: [320, 480, 768, 1024, 1280, 1440, 1600, 1920, 2048],
   },
+  future: {},
   sassOptions: {
     prependData: `@import "styles/variables"; @import "styles/mixins";`,
   },

diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -17,7 +17,7 @@ class MyDocument extends Document {
 
   render(): JSX.Element {
     return (
-      <Html>
+      <Html lang="en">
         <Head />
         <body>
           <Main />

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -1,8 +1,10 @@
 import { ReactElement } from 'react'
 import Head from 'next/head'
+import Image from '@/components/Image'
 import { Button } from '@/components/elements/Button'
 import { attributes, react as HomeContent } from '../content/home.md'
 import styles from './index.module.scss'
+import logo from '@/public/images/logo.jpeg'
 
 export default function Home(): ReactElement {
   const { title, items } = attributes
@@ -16,12 +18,10 @@ export default function Home(): ReactElement {
       </Head>
 
       <main className={styles.main}>
+        <Image src={logo} alt="Codegram's logo" />
         <h1 className={styles.title}>{title}</h1>
-
         <Button label="A starter by Codegram" primary />
-
         <HomeContent />
-
         <ul>
           {items.map((item) => (
             <li key={item.name}>

diff --git a/public/images/logo.jpeg b/public/images/logo.jpeg
diff --git a/tsconfig.json b/tsconfig.json
@@ -23,8 +23,8 @@
       "@/components": [
         "components"
       ],
-      "@/components/*": [
-        "components/*"
+      "@/*": [
+        "*"
       ]
     }
   },