diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..d1c0afe0
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,50 @@
+{
+  "name": "gitignore",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "gitignore",
+      "version": "1.0.0",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "@vercel/speed-insights": "^1.0.15"
+      }
+    },
+    "node_modules/@vercel/speed-insights": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@vercel/speed-insights/-/speed-insights-1.3.1.tgz",
+      "integrity": "sha512-PbEr7FrMkUrGYvlcLHGkXdCkxnylCWePx7lPxxq36DNdfo9mcUjLOmqOyPDHAOgnfqgGGdmE3XI9L/4+5fr+vQ==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "@sveltejs/kit": "^1 || ^2",
+        "next": ">= 13",
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "svelte": ">= 4",
+        "vue": "^3",
+        "vue-router": "^4"
+      },
+      "peerDependenciesMeta": {
+        "@sveltejs/kit": {
+          "optional": true
+        },
+        "next": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "svelte": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        },
+        "vue-router": {
+          "optional": true
+        }
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..5ee025a9
--- /dev/null
+++ b/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "gitignore",
+  "version": "1.0.0",
+  "description": "A collection of .gitignore templates",
+  "private": true,
+  "scripts": {
+    "build": "echo 'No build needed for static site'",
+    "dev": "npx serve public",
+    "lint": "echo 'No linting configured'"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/hanayimmee/gitignore"
+  },
+  "license": "CC0-1.0",
+  "dependencies": {
+    "@vercel/speed-insights": "^1.0.15"
+  }
+}
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 00000000..cb923556
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="A collection of useful .gitignore templates">
+    <title>gitignore - A collection of .gitignore templates</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+            line-height: 1.6;
+            color: #333;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 20px;
+            background-color: #f5f5f5;
+        }
+        header {
+            background: #fff;
+            padding: 30px;
+            margin-bottom: 30px;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        }
+        h1 {
+            color: #24292e;
+            margin-bottom: 10px;
+        }
+        p {
+            color: #586069;
+            margin-bottom: 15px;
+        }
+        .content {
+            background: #fff;
+            padding: 30px;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        }
+        .button {
+            display: inline-block;
+            background: #0366d6;
+            color: #fff;
+            padding: 12px 24px;
+            text-decoration: none;
+            border-radius: 6px;
+            margin-top: 10px;
+            transition: background 0.2s;
+        }
+        .button:hover {
+            background: #0256c2;
+        }
+        footer {
+            margin-top: 30px;
+            padding: 20px;
+            text-align: center;
+            color: #586069;
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <h1>🎯 gitignore</h1>
+        <p>A collection of useful .gitignore templates for various programming languages and frameworks.</p>
+    </header>
+    
+    <div class="content">
+        <h2>About This Project</h2>
+        <p>
+            This is GitHub's collection of <code>.gitignore</code> file templates. 
+            We use this list to populate the .gitignore template choosers available 
+            in the GitHub.com interface when creating new repositories and files.
+        </p>
+        
+        <h3>Quick Links</h3>
+        <p>
+            <a href="https://github.com/hanayimmee/gitignore" class="button" target="_blank" rel="noopener noreferrer">
+                View on GitHub
+            </a>
+        </p>
+        
+        <h3>Resources</h3>
+        <ul style="margin-left: 20px; margin-top: 10px;">
+            <li><a href="https://git-scm.com/docs/gitignore">gitignore(5) manual page</a></li>
+            <li><a href="https://help.github.com/articles/ignoring-files">Ignoring Files article on GitHub Help</a></li>
+            <li><a href="https://git-scm.com/book/en/v2/Git-Basics-Recording-Changes-to-the-Repository#_ignoring">Pro Git book - Ignoring Files chapter</a></li>
+        </ul>
+    </div>
+    
+    <footer>
+        <p>Licensed under <a href="https://github.com/hanayimmee/gitignore/blob/main/LICENSE">CC0-1.0</a></p>
+    </footer>
+
+    <!-- Vercel Speed Insights -->
+    <script>
+        window.si = window.si || function () { (window.siq = window.siq || []).push(arguments); };
+    </script>
+    <script defer src="/_vercel/speed-insights/script.js"></script>
+</body>
+</html>
diff --git a/vercel.json b/vercel.json
new file mode 100644
index 00000000..d636906f
--- /dev/null
+++ b/vercel.json
@@ -0,0 +1,25 @@
+{
+  "version": 2,
+  "public": true,
+  "cleanUrls": true,
+  "trailingSlash": false,
+  "headers": [
+    {
+      "source": "/(.*)",
+      "headers": [
+        {
+          "key": "X-Content-Type-Options",
+          "value": "nosniff"
+        },
+        {
+          "key": "X-Frame-Options",
+          "value": "DENY"
+        },
+        {
+          "key": "X-XSS-Protection",
+          "value": "1; mode=block"
+        }
+      ]
+    }
+  ]
+}