Skip to content

Add "Back to Lessons" / "Home" link on every lesson page #52

Description

@nidhiii128

Description

Currently, individual lesson pages don't have a visible "Back to Lessons" or "Home" button.
This makes it hard for users to navigate back to the main lesson list or homepage after finishing a lesson.

Steps to Reproduce

  1. Open any lesson page (for example: https://hacking-tutorial.vercel.app/ethical-hacking/lesson-01)
  2. Scroll through the page.
  3. Notice there's no clear way to return to the homepage or lesson index.

Expected Behavior

Every lesson page should have an easy way to navigate back to:

  • The main lessons list, OR
  • The homepage.

Suggested Fix

  • Add a small link or button in the header or footer, such as:
    • "← Back to Lessons"
    • "🏠 Home"
  • The link can use the existing site navigation style or be a simple <a href="/">Home</a> tag.
  • Ensure it’s visible and consistent across all lesson pages.

Example Implementation

If using React/Next.js:

import Link from "next/link";

export default function BackButton() {
  return (
    <div style={{ marginTop: "1rem" }}>
      <Link href="/" className="text-blue-500 underline hover:text-blue-700">
        ← Back to Lessons
      </Link>
    </div>
  );
}

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions