Skip to content

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

@nidhiii128

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>
  );
}

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions