Add SEO changes & minor styling improvements (#29)

* Update header styling

* Add robots.ts file

* Add SEO-related files and changes

* Update README.md

* Add LICENSE file

* Bump app to version v0.7.7

Author: alemoraru

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Alexandru Moraru
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,6 +1,6 @@
 # Next.js Personal Website Theme
 
-This is a custom personal website theme built using [Next.js](https://nextjs.org), bootstrapped with 
+This is a custom personal website theme built using [Next.js](https://nextjs.org), bootstrapped with
 [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app). It’s designed as a minimal,
 performance-focused starting point for showcasing your **work**, **writing**, and **projects**.
 
@@ -75,7 +75,7 @@ Planned improvements and current/future features:
     - [ ] Project pages
     - [ ] Work Items
     - [ ] Blog posts
-- [ ] 🔍 Improve content structure, accessibility, and SEO
+- [X] 🔍 Improve content structure, accessibility, and SEO
 - [ ] 🧪 Add tests and linting support for better maintainability
 - [ ] ❔ Add guides (i.e., READMEs) for creating blog/project/work pages
 - [X] 🔢 Add sorting/filtering functionality for:
@@ -85,6 +85,9 @@ Planned improvements and current/future features:
 - [ ] 🖼 Add theme customization options:
     - [ ] Color palette
     - [ ] Layout options
+- [ ] 📄 Add recommended similar blog posts items to the bottom of each blog post
+- [ ] 📄 Add blog post categories pages
+- [ ] 📄 Add pagination to blog posts
 
 ---
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "nextjs-portofolio-website",
-  "version": "0.7.6",
+  "version": "0.7.7",
   "private": true,
   "scripts": {
     "dev": "next dev",

package.json

@@ -13,10 +13,6 @@ const gabarito = Gabarito({
 export const metadata: Metadata = {
     title: 'Next.js Developer Portfolio Template',
     description: 'Developer-focused portfolio starter built with Next.js, TypeScript, TailwindCSS, and optimized for SEO.',
-    robots: {
-        index: false,
-        follow: false
-    },
     icons: {
         icon: '/icons/favicon.ico',
         shortcut: '/icons/favicon.ico',

src/app/layout.tsx

@@ -30,7 +30,7 @@ export default function Home() {
                 whileInView={{opacity: 1, y: 0}}
                 transition={{duration: 1}}
                 viewport={{once: true}}
-                className="text-center mt-10"
+                className="text-center mt-2"
             >
                 {/* Introductory Text */}
                 <h1 className="text-3xl sm:text-4xl font-bold mb-4 text-gray-900 dark:text-gray-100">

src/app/page.tsx

@@ -0,0 +1,24 @@
+import type {MetadataRoute} from 'next'
+
+/**
+ * Generates a robots.txt file for the website.
+ */
+export default function robots(): MetadataRoute.Robots {
+    return {
+        rules: [
+            {
+                userAgent: 'Googlebot',
+                allow: ['/']
+            },
+            {
+                userAgent: ['Applebot', 'Bingbot'],
+                disallow: ['/'],
+            },
+            {
+                userAgent: '*',
+                disallow: '/',
+            },
+        ],
+        sitemap: 'https://nextjs-portofolio-website.vercel.app/sitemap.xml',
+    }
+}

src/app/robots.ts

@@ -0,0 +1,33 @@
+import type {MetadataRoute} from 'next';
+
+/**
+ * Generates a sitemap.xml file for the website.
+ */
+export default function sitemap(): MetadataRoute.Sitemap {
+    return [
+        {
+            url: 'https://nextjs-portofolio-website.vercel.app',
+            lastModified: new Date(),
+            changeFrequency: 'weekly',
+            priority: 1
+        },
+        {
+            url: 'https://nextjs-portofolio-website.vercel.app/work',
+            lastModified: new Date(),
+            changeFrequency: 'yearly',
+            priority: 0.8
+        },
+        {
+            url: 'https://nextjs-portofolio-website.vercel.app/projects',
+            lastModified: new Date(),
+            changeFrequency: 'monthly',
+            priority: 0.8
+        },
+        {
+            url: 'https://nextjs-portofolio-website.vercel.app/blog',
+            lastModified: new Date(),
+            changeFrequency: 'weekly',
+            priority: 0.8
+        },
+    ]
+}

src/app/sitemap.ts

@@ -13,7 +13,7 @@ export default function Header() {
     return (
         <header
             id="headerPortfolio"
-            className="sticky top-0 z-50 w-full bg-zinc-50 text-black dark:bg-zinc-900 dark:text-white transition-colors
+            className="sticky top-0 z-50 w-full bg-zinc-50 text-black dark:bg-black dark:text-white transition-colors
             border-b dark:border-gray-800 border-gray-300 backdrop-blur-sm shadow-md"
         >
             <div