flexdevguy.github.io/index.html at master · flexdevguy/flexdevguy.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <meta name="theme-color" content="#0f172a" />
    <meta name="description" content="Grow With Me — engineering, career, and product insights." />

    <!--icons -->
    <link rel="icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="manifest" href="/manifest.json" />

    <!-- Primary Meta Tags -->
    <title>Grow With Me — Become a Strong Product Engineer | grwm.dev</title>
    <meta
      name="title"
      content="Grow With Me — Become a Strong Product Engineer | grwm.dev"
    />
    <meta
      name="description"
      content="1:1 mentoring for frontend and full-stack developers who want real skills, career clarity, and better roles in product companies."
    />
    <meta
      name="keywords"
      content="react mentoring, frontend development, full-stack development, career coaching, software engineering, product engineer, code review, interview preparation"
    />
    <meta name="author" content="grwm.dev" />
    <meta name="robots" content="index, follow" />
    <meta name="language" content="English" />
    <meta name="revisit-after" content="7 days" />
    <meta name="theme-color" content="#111827" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://grwm.dev/" />
    <meta
      property="og:title"
      content="Grow With Me — Become a Strong Product Engineer | grwm.dev"
    />
    <meta
      property="og:description"
      content="1:1 mentoring for frontend and full-stack developers who want real skills, career clarity, and better roles in product companies."
    />
    <meta property="og:image" content="https://grwm.dev/og-image.jpg" />
    <meta property="og:site_name" content="grwm.dev" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://grwm.dev/" />
    <meta
      name="twitter:title"
      content="Grow With Me — Become a Strong Product Engineer | grwm.dev"
    />
    <meta
      name="twitter:description"
      content="1:1 mentoring for frontend and full-stack developers who want real skills, career clarity, and better roles in product companies."
    />
    <meta name="twitter:image" content="https://grwm.dev/og-image.jpg" />

    <!-- Canonical URL -->
    <link rel="canonical" href="https://grwm.dev/" />

    <!-- Preconnect & Font Optimization -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Import Google Fonts for Inter family (400, 500, 600, 700 weights) -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" />

    <!-- DNS prefetch for external resources -->
    <link rel="dns-prefetch" href="https://calendly.com" />

    <!-- Resource hints for better performance -->
    <link rel="preload" as="style" href="/src/index.css" />

    <!-- Structured Data (JSON-LD) -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "grwm.dev",
        "url": "https://grwm.dev",
        "description": "1:1 mentoring for frontend and full-stack developers who want real skills, career clarity, and better roles in product companies.",
        "logo": "https://grwm.dev/logo.png"
      }
    </script>
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "grwm.dev",
        "url": "https://grwm.dev",
        "description": "1:1 mentoring for frontend and full-stack developers who want real skills, career clarity, and better roles in product companies."
      }
    </script>
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Service",
        "serviceType": "1:1 Mentoring",
        "provider": {
          "@type": "Person",
          "name": "Product Engineering Mentor",
          "jobTitle": "Software Developer & Mentor"
        },
        "areaServed": "Worldwide",
        "description": "1:1 mentoring for frontend and full-stack developers who want real skills, career clarity, and better roles in product companies.",
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "USD",
          "description": "Free 20-minute clarity call"
        }
      }
    </script>
    <script type="module">
      // first npm i react-grab
      // then in head:
      if (import.meta.env.DEV) {
        import('react-grab')
      }
    </script>

    <!-- Critical CSS inline for faster LCP -->
    <style>
      /* Critical above-the-fold styles */
      body {
        margin: 0;
        font-family:
          system-ui,
          -apple-system,
          sans-serif;
      }
      #root {
        min-height: 100vh;
      }
    </style>
  </head>
  <!-- Google tag (gtag.js) -->
  <script
    async
    src="https://www.googletagmanager.com/gtag/js?id=G-Z6QLE3H2FL"
  ></script>
  <script>
    window.dataLayer = window.dataLayer || []
    function gtag() {
      dataLayer.push(arguments)
    }
    gtag('js', new Date())

    gtag('config', 'G-Z6QLE3H2FL')
  </script>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>