add

Author: sangam14

.github/workflows/nextjs.yml

@@ -1,7 +1,3 @@
-# Sample workflow for building and deploying a Next.js site to GitHub Pages
-#
-# To get started with Next.js see: https://nextjs.org/docs/getting-started
-#
 name: Deploy Next.js site to Pages
 
 on:

components/Header.js

@@ -1,5 +1,4 @@
 import { useState, useEffect } from 'react';
-import Link from 'next/link';
 import { useRouter } from 'next/router';
 
 export default function Header() {
@@ -9,6 +8,9 @@ export default function Header() {
 
   // Check if the current route matches the link
   const isActive = (path) => {
+    if (path === '/') {
+      return router.pathname === path;
+    }
     return router.pathname === path || router.pathname.startsWith(`${path}/`);
   };
 
@@ -26,38 +28,38 @@ export default function Header() {
     <header className={`sticky top-0 z-50 bg-white ${isScrolled ? 'shadow-md' : 'shadow-sm'} transition-shadow duration-300`}>
       <div className="container mx-auto px-4 py-4">
         <div className="flex justify-between items-center">
-          <Link href="/" className="flex items-center space-x-2 group">
+          <a href="/" className="flex items-center space-x-2 group">
             <div className="w-10 h-10 bg-blue-600 rounded-lg flex items-center justify-center text-white font-bold text-xl group-hover:bg-blue-700 transition-colors">G</div>
             <div className="font-bold text-xl text-gray-800 group-hover:text-blue-600 transition-colors">GolangMastery</div>
-          </Link>
+          </a>
 
           {/* Desktop Navigation */}
           <nav className="hidden md:flex items-center space-x-8">
-            <Link href="/courses" 
+            <a href="/courses" 
               className={`font-medium ${isActive('/courses')
                 ? 'text-blue-600'
                 : 'text-gray-600 hover:text-blue-600'} transition-colors`}>
               Learn
-            </Link>
-            <Link href="/projects" 
+            </a>
+            <a href="/projects" 
               className={`font-medium ${isActive('/projects')
                 ? 'text-blue-600'
                 : 'text-gray-600 hover:text-blue-600'} transition-colors`}>
               Projects
-            </Link>
-            <Link href="/pricing" 
+            </a>
+            <a href="/pricing" 
               className={`font-medium ${isActive('/pricing')
                 ? 'text-blue-600'
                 : 'text-gray-600 hover:text-blue-600'} transition-colors`}>
               Pricing
-            </Link>
+            </a>
             <div className="flex items-center space-x-4 ml-4">
-              <Link href="/login" className="text-gray-600 hover:text-blue-600 font-medium transition-colors">
+              <a href="/login" className="text-gray-600 hover:text-blue-600 font-medium transition-colors">
                 Log In
-              </Link>
-              <Link href="/register" className="bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors font-medium shadow-sm hover:shadow">
+              </a>
+              <a href="/register" className="bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors font-medium shadow-sm hover:shadow">
                 Join For Free
-              </Link>
+              </a>
             </div>
           </nav>
 
@@ -81,38 +83,38 @@ export default function Header() {
           <nav className="md:hidden mt-4 py-4 border-t border-gray-200">
             <ul className="space-y-4">
               <li>
-                <Link href="/courses"
+                <a href="/courses"
                   className={`block font-medium ${isActive('/courses')
                     ? 'text-blue-600'
                     : 'text-gray-600 hover:text-blue-600'} transition-colors`}>
                   Learn
-                </Link>
+                </a>
               </li>
               <li>
-                <Link href="/projects"
+                <a href="/projects"
                   className={`block font-medium ${isActive('/projects')
                     ? 'text-blue-600'
                     : 'text-gray-600 hover:text-blue-600'} transition-colors`}>
                   Projects
-                </Link>
+                </a>
               </li>
               <li>
-                <Link href="/pricing"
+                <a href="/pricing"
                   className={`block font-medium ${isActive('/pricing')
                     ? 'text-blue-600'
                     : 'text-gray-600 hover:text-blue-600'} transition-colors`}>
                   Pricing
-                </Link>
+                </a>
               </li>
               <li className="pt-4 border-t border-gray-100">
-                <Link href="/login" className="block text-gray-600 hover:text-blue-600 font-medium transition-colors">
+                <a href="/login" className="block text-gray-600 hover:text-blue-600 font-medium transition-colors">
                   Log In
-                </Link>
+                </a>
               </li>
               <li className="pt-2">
-                <Link href="/register" className="block bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition-colors font-medium text-center shadow-sm">
+                <a href="/register" className="block bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition-colors font-medium text-center shadow-sm">
                   Join For Free
-                </Link>
+                </a>
               </li>
             </ul>
           </nav>

components/MDXComponents.js

@@ -268,7 +268,7 @@ const TableOfContents = ({ headings }) => {
       <ul className="space-y-2">
         {headings.map((heading, index) => (
           <li key={index} className={`${heading.level > 2 ? 'ml-4' : ''}`}>
-            <a
+            <Link
               href={`#${heading.id}`}
               className={`text-blue-600 hover:text-blue-800 hover:underline flex items-center ${
                 heading.level === 2 ? 'font-medium' : ''
@@ -286,7 +286,7 @@ const TableOfContents = ({ headings }) => {
                 )}
               </span>
               {heading.text}
-            </a>
+            </Link>
           </li>
         ))}
       </ul>
@@ -308,15 +308,24 @@ const createHeadingWithAnchor = (level, className) => {
       },
       <>
         {props.children}
-        <a
-          href={`#${id}`}
+        <button
+          onClick={() => {
+            // Create a URL object to get the pathname without query params
+            const url = new URL(window.location.href);
+            // Update the hash
+            url.hash = id;
+            // Update browser history
+            window.history.pushState({}, '', url.toString());
+            // Copy to clipboard
+            navigator.clipboard.writeText(url.toString());
+          }}
           className="ml-2 text-gray-400 opacity-0 hover:opacity-100 group-hover:opacity-70 transition-opacity duration-200"
-          aria-label={`Link to ${props.children}`}
+          aria-label={`Copy link to ${props.children}`}
         >
           <svg className="w-4 h-4 inline" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
             <path fillRule="evenodd" d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z" clipRule="evenodd" />
           </svg>
-        </a>
+        </button>
       </>
     );
   };
@@ -332,27 +341,24 @@ const MDXComponents = {
     <p className="my-4 text-gray-700 leading-relaxed text-lg" {...props} />
   ),
 
-  a: props => {
-    // Check if it's an external link
-    const isExternal = props.href?.startsWith('http') || props.href?.startsWith('https');
+  a: ({ href, children, ...props }) => {
+    if (href && href.startsWith('/')) {
+      return (
+        <Link href={href} className="text-blue-600 hover:text-blue-800 underline" {...props}>
+          {children}
+        </Link>
+      );
+    }
 
-    return (
-      <Link href={props.href || '#'}>
-        <a
-          className="text-blue-600 hover:text-blue-800 font-medium transition-colors duration-200 border-b border-blue-200 hover:border-blue-500"
-          target={isExternal ? "_blank" : undefined}
-          rel={isExternal ? "noopener noreferrer" : undefined}
-          {...props}
-        >
-          {props.children}
-          {isExternal && (
-            <svg className="w-3.5 h-3.5 inline-block ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
-            </svg>
-          )}
+    if (href && (href.startsWith('http') || href.startsWith('mailto:'))) {
+      return (
+        <a href={href} target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:text-blue-800 underline" {...props}>
+          {children}
         </a>
-      </Link>
-    );
+      );
+    }
+
+    return <a href={href} className="text-blue-600 hover:text-blue-800 underline" {...props}>{children}</a>;
   },
 
   ul: props => (

content/courses/quick-start-with-golang.mdx

@@ -1,9 +1,9 @@
 ---
-title: Quick Start with Golang
-description: Master Golang fundamentals in this hands-on course designed for beginners. Learn essential concepts like data types, control structures, functions, packages, and data structures.
+title: "Quick Start with Golang"
+description: "Master Golang fundamentals in this hands-on course designed for beginners. Learn essential concepts like data types, control structures, functions, packages, and data structures through interactive labs and practical challenges."
 coverImage: /images/courses/quick-start-with-golang.png
-level: Beginner
-tags: [Go, Programming]
+level: "Beginner"
+tags: ["Go", "Programming"]
 labs:
   - title: Setting up Go Environment
     slug: setup-go-environment
@@ -18,29 +18,49 @@ labs:
 
 # Quick Start with Golang
 
-Welcome to the Quick Start with Golang course! This course is designed to help you learn the fundamentals of the Go programming language.
+Welcome to the **Quick Start with Golang** course! This course is designed to help you quickly get up to speed with Go programming.
 
 ## What You'll Learn
 
-- Setting up your Go development environment
-- Basic syntax and data types
-- Control structures
+- Go syntax and basic concepts
+- Variables, types, and control structures
 - Functions and packages
-- Basic data structures
 - Error handling
-- Testing in Go
+- Concurrency basics
 
 ## Prerequisites
 
 This course assumes no prior knowledge of Go. However, basic programming experience in any language will be helpful.
 
 ## Course Structure
 
-This course consists of 10 interactive labs. Each lab includes:
+This course is divided into several sections, each focusing on a specific aspect of Go programming.
 
-1. Theory and explanations
-2. Code examples
-3. Interactive exercises
-4. Quizzes to test your understanding
+### Section 1: Setting Up Your Environment
 
-Let's get started with your Go journey!
+Before we dive into coding, you'll need to set up your development environment:
+
+1. Install Go from the [official website](https://golang.org/dl/)
+2. Set up your workspace
+3. Configure your IDE
+
+### Section 2: Go Fundamentals
+
+```go
+package main
+
+import "fmt"
+
+func main() {
+    fmt.Println("Hello, Gophers!")
+}
+```
+
+In this section, you'll learn about:
+
+- Basic syntax
+- Variables and constants
+- Data types
+- Operators
+
+Ready to get started? Let's dive in!