docs: add minimal changes

pablor21 · pablor21 · commit efec0332727b · 2025-11-21T20:17:10.000-06:00
diff --git a/.gitignore b/.gitignore
@@ -8,4 +8,11 @@ Thumbs.db
 *.bkp
 /dev
 /tmp
-/build
+/build
+
+*.md
+!README.md
+!CONTRIBUTING.md
+!CHANGELOG.md
+!docs/**/*.md
+!examples/**/*.md
diff --git a/docs/README.md b/docs/README.md
@@ -1,36 +1,7 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+# GQLSchemaGen Docs
 
-## Getting Started
+[![Logo](../art/logo.svg)](../art/logo.svg)
 
-First, run the development server:
+This is the documentation for **GQLSchemaGen**, a tool to generate GraphQL schemas from Go structs.
 
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+See the [full documentation website](https://pablor21.github.io/gqlschemagen) for more details.
diff --git a/docs/src/app/docs/nav.tsx b/docs/src/app/docs/nav.tsx
@@ -159,7 +159,9 @@ export default function DocsNavbar() {
         <NavbarItem data-active={isExamplesActive}>
           <Link
             as={NextLink}
-            href="/examples"
+            href="https://github.com/pablor21/gqlschemagen/tree/master/examples"
+            target="_blank"
+            rel="noopener noreferrer"
             color="foreground"
             className="text-sm"
           >
diff --git a/docs/src/app/layout.tsx b/docs/src/app/layout.tsx
@@ -4,6 +4,7 @@ import { Exo_2, Raleway } from "next/font/google";
 
 import type { Metadata } from "next";
 import { Providers } from "./providers";
+import Script from "next/script";
 
 const raleway = Raleway({
   variable: "--font-raleway",
@@ -60,9 +61,17 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en" className="dark">
+
       <body
         className={`${raleway.variable} ${exo.variable} antialiased font-sans dark:bg-black`}
       >
+        {process.env.NODE_ENV === "production" && (
+          <Script
+            defer
+            src="https://analytics.pramirez.dev/script.js"
+            data-website-id="0a9146bb-75d8-447c-80a1-3f37938fdc84"
+          />
+        )}
         <Providers>{children}</Providers>
       </body>
     </html>
diff --git a/docs/src/app/page.tsx b/docs/src/app/page.tsx
@@ -5,6 +5,7 @@ import {
   Button,
   Card,
   CardBody,
+  Chip,
   Link,
   Navbar,
   NavbarContent,
@@ -80,7 +81,9 @@ export default function Home() {
           <NavbarItem>
             <Link
               as={NextLink}
-              href="/examples"
+              href="https://github.com/pablor21/gqlschemagen/tree/master/examples"
+              target="_blank"
+              rel="noopener noreferrer"
               color="foreground"
               className="text-sm"
             >
@@ -93,7 +96,7 @@ export default function Home() {
           <NavbarItem>
             <Button
               as={Link}
-              href="[https://github.com/pablor21/gqlschemagen](https://github.com/pablor21/gqlschemagen)"
+              href="https://github.com/pablor21/gqlschemagen"
               variant="ghost"
               startContent={<Github size={18} />}
               isExternal
@@ -120,14 +123,14 @@ export default function Home() {
       <main className="relative z-10 max-w-7xl mx-auto px-6 pt-20 pb-32">
         {/* Hero Section */}
         <div className="flex flex-col items-center text-center mb-32">
-          {/* <Chip
+          <Chip
             variant="flat"
             color="primary"
             className="mb-6 border border-primary/20 bg-primary/10"
             startContent={<Zap size={14} className="ml-1" />}
           >
             v1.0.0 Now Available
-          </Chip> */}
+          </Chip>
 
           <h1 className="text-5xl md:text-7xl font-bold tracking-tight mb-6">
             Type-safe GraphQL <br />
@@ -278,7 +281,7 @@ type User struct {
           </div>
 
           {/* Step 3 */}
-          <div className="flex flex-col md:flex-row gap-8 items-start relative">
+          <div className="flex flex-col md:flex-row gap-8 items-start relative  mb-20 ">
             <div className="md:w-1/3 flex flex-col md:items-end md:text-right mt-4">
               <div className="text-6xl font-bold text-default-100 absolute -top-8 md:-right-6 -z-10 select-none">
                 3
@@ -302,8 +305,56 @@ type User struct {
               </Card>
             </div>
           </div>
+
+          {/* Step 4 */}
+          <div className="flex flex-col md:flex-row gap-8 items-start relative">
+            <div className="md:w-1/3 flex flex-col md:items-end md:text-right mt-4">
+              <div className="text-6xl font-bold text-default-100 absolute -top-8 md:-right-6 -z-10 select-none">
+                4
+              </div>
+              <h3 className="text-xl font-bold text-primary mb-2">What you get?</h3>
+              <p className="text-default-400">
+                A beatifully generated GraphQL schema file ready to use in your server!!!
+              </p>
+            </div>
+            <div className="md:w-2/3 w-full">
+              <Card className="bg-[#0d1117] border-default-200 relative overflow-hidden">
+                {/* MagicUI Border Beam */}
+                <BorderBeam
+                  size={250}
+                  duration={12}
+                  delay={9}
+                  borderWidth={1.5}
+                />
+
+                <div className="flex items-center justify-between px-4 py-2 bg-default-50/5 border-b border-white/5">
+                  <div className="flex gap-2">
+                    <div className="w-3 h-3 rounded-full bg-red-500/20"></div>
+                    <div className="w-3 h-3 rounded-full bg-yellow-500/20"></div>
+                    <div className="w-3 h-3 rounded-full bg-green-500/20"></div>
+                  </div>
+                  <span className="text-xs text-default-500">
+                    graph/schema.graphqls
+                  </span>
+                </div>
+                <CardBody className="p-6 font-mono text-sm overflow-x-auto">
+                  <CodeBlock
+                    language="graphql"
+                    filename="schema.graphqls"
+                    label="GraphQL Schema"
+                  >{`"""Represents a user"""
+type UserProfile {
+  id: ID!
+  name: String!
+}`}</CodeBlock>
+                </CardBody>
+              </Card>
+            </div>
+          </div>
         </div>
 
+
+
         {/* Final CTA */}
         <div className="mt-32 text-center">
           <Card className="max-w-3xl mx-auto bg-linear-to-b from-default-50 to-transparent border border-default-100">
