fixing build errors

Author: justinTsugranes

README.md

@@ -1,16 +1,19 @@
 # How to Make a Blog Website with Next.js and Tailwind CSS
 
-## Topics Covered Include
+## Some of my takeaways
 
+Creating React Functional Components
 Tailwind CSS
 Page routing in Next.js
 JavaScript destructuring
 Creating Headers and Footers
-Using React Icons to import social media icons
+Creating a Navbar
+Using React Icons to import social media icons and linking to external links
 Using [Swiper] for interactive scrolling
-
-Creating an API to access backend Data.
+Creating APIs to access backend Data.
 API Endpoints
 Dynamic API Routing
 
 You can access the tutorial [Here](https://www.youtube.com/watch?v=1T3GF6endl8)
+
+### Other Notes

components/_child/author.js

@@ -9,6 +9,7 @@ const Author = () => {
         width={60}
         height={60}
         className='rounded-full'
+        alt='author image'
       />
       <div className='flex flex-col justify-center px-4'>
         <Link href={'/'}>

components/_child/relatedposts.js

@@ -28,6 +28,7 @@ function Post() {
               className='rounded'
               width={300}
               height={200}
+              alt='plant image'
             />
           </a>
         </Link>

components/section1.js

@@ -41,7 +41,12 @@ function Slide() {
       <div className='image'>
         <Link href={'/'}>
           <a>
-            <Image src={'/images/img1.jpeg'} width={600} height={600} />
+            <Image
+              src={'/images/img1.jpeg'}
+              width={600}
+              height={600}
+              alt='plant image'
+            />
           </a>
         </Link>
       </div>

components/section2.js

@@ -23,14 +23,15 @@ export default function Section2() {
 function Post() {
   return (
     <div className='item'>
-      <div classNAme='images'>
+      <div className='images'>
         <Link href={'/'}>
           <a>
             <Image
               src={'/images/img1.jpeg'}
               className='rounded'
               width={500}
               height={350}
+              alt='plant image'
             />
           </a>
         </Link>

components/section3.js

@@ -26,10 +26,15 @@ export default Section3
 function Post() {
   return (
     <div className='grid'>
-      <div classNAme='images'>
+      <div className='images'>
         <Link href={'/'}>
           <a>
-            <Image src={'/images/img1.jpeg'} width={600} height={400} />
+            <Image
+              src={'/images/img1.jpeg'}
+              width={600}
+              height={400}
+              alt='plant image'
+            />
           </a>
         </Link>
       </div>

components/section4.js

@@ -40,6 +40,7 @@ function Post() {
               className='rounded'
               width={300}
               height={250}
+              alt='plant image'
             />
           </a>
         </Link>