diff --git a/pages/blog.js b/pages/blog.js new file mode 100644 index 0000000..856f021 --- /dev/null +++ b/pages/blog.js @@ -0,0 +1,26 @@ +import React from 'react'; +import 'tailwindcss/tailwind.css'; + +const Blog = () => { + const posts = [ + { id: 1, title: 'First Post', content: 'This is the content of the first post.' }, + { id: 2, title: 'Second Post', content: 'This is the content of the second post.' }, + { id: 3, title: 'Third Post', content: 'This is the content of the third post.' }, + ]; + + return ( +
+

Blog

+
+ {posts.map(post => ( +
+

{post.title}

+

{post.content}

+
+
+ ))} +
+ ); +}; + +export default Blog; \ No newline at end of file diff --git a/pages/index.js b/pages/index.js index b8284b3..24c8722 100644 --- a/pages/index.js +++ b/pages/index.js @@ -1,5 +1,6 @@ import Image from "next/image"; import localFont from "next/font/local"; +import Blog from "./blog"; const geistSans = localFont({ src: "./fonts/GeistVF.woff", @@ -61,6 +62,14 @@ export default function Home() { > Read our docs + + Blogs +