Updated the dev-login functionality to restrict access and improved server-side rendering with authentication checks. (#834)

* feat: integrate Job Boardly RSS feed with authentication-protected job board

Add a complete job board integration that fetches jobs from Job Boardly's RSS feed and displays them behind authentication.

Features:
- RSS feed parser for Job Boardly jobs (title, company, location, type, salary, etc.)
- Protected job listing page (/jobs) - requires GitHub OAuth login
- Job detail page with full descriptions and apply links
- Search and filter functionality (by keyword, category, job type)
- VWC Alumni badge for users with course enrollments
- Links to resume translator and courses for job seekers
- API endpoint for fetching jobs programmatically
- Dev access bypass for local testing without OAuth setup

Navigation:
- Added "Jobs" link to main menu (with "new" badge)
- Added "Browse Jobs" to dashboard quick links

Technical Changes:
- Install rss-parser and xml2js packages
- Create jobboardly utility library in src/lib/
- Server-side rendering with authentication checks via NextAuth
- Fixed Next.js 15 webpack config compatibility issue (removed usedExports)
- Dev-only bypass mode for testing without GitHub OAuth credentials

Access Control:
- Production: Only Vets-Who-Code GitHub org members + admin
- Development: Any GitHub user (for testing)
- Job board pages redirect to /login if unauthenticated

* fix: restrict dev login to development environment only

- Add server-side redirect in dev-login page when not in development
- Hide dev-login buttons in production using NODE_ENV check
- Fix incorrect /dev-login links in course pages (now point to /login)
- Updated files:
  - courses/index.tsx: Conditionally render dev-login button
  - courses/ai-engineering.tsx: Fixed login link
  - courses/data-engineering.tsx: Fixed login link
  - courses/software-engineering.tsx: Fixed login link
  - resume-translator.tsx: Conditionally render dev-login button
  - dev-login.tsx: Added production redirect

Author: jeromehardaway

src/pages/courses/ai-engineering.tsx

@@ -143,7 +143,7 @@ const AIEngineeringCourse: PageWithLayout = () => {
                             Please sign in to access the AI Engineering vertical.
                         </p>
                         <Link
-                            href="/dev-login"
+                            href="/login"
                             className="tw-inline-flex tw-items-center tw-rounded-md tw-bg-success tw-px-6 tw-py-3 tw-font-semibold tw-text-white tw-transition-colors hover:tw-bg-success/90"
                         >
                             Sign In

src/pages/courses/data-engineering.tsx

@@ -143,7 +143,7 @@ const DataEngineeringCourse: PageWithLayout = () => {
                             Please sign in to access the Data Engineering vertical.
                         </p>
                         <Link
-                            href="/dev-login"
+                            href="/login"
                             className="tw-inline-flex tw-items-center tw-rounded-md tw-bg-secondary tw-px-6 tw-py-3 tw-font-semibold tw-text-white tw-transition-colors hover:tw-bg-secondary/90"
                         >
                             Sign In

src/pages/courses/index.tsx

@@ -137,13 +137,15 @@ const CoursesIndex: PageWithLayout = () => {
                                     <i className="fas fa-sign-in-alt tw-mr-2" />
                                     Sign In to Access Courses
                                 </Link>
-                                <Link
-                                    href="/dev-login"
-                                    className="tw-inline-flex tw-items-center tw-rounded-md tw-bg-gray-600 tw-px-8 tw-py-3 tw-font-semibold tw-text-white tw-transition-colors hover:tw-bg-gray-500"
-                                >
-                                    <i className="fas fa-code tw-mr-2" />
-                                    Dev Login (Testing)
-                                </Link>
+                                {process.env.NODE_ENV === "development" && (
+                                    <Link
+                                        href="/dev-login"
+                                        className="tw-inline-flex tw-items-center tw-rounded-md tw-bg-gray-600 tw-px-8 tw-py-3 tw-font-semibold tw-text-white tw-transition-colors hover:tw-bg-gray-500"
+                                    >
+                                        <i className="fas fa-code tw-mr-2" />
+                                        Dev Login (Testing)
+                                    </Link>
+                                )}
                             </div>
                             <div className="tw-text-gray-600">
                                 <p>Want to explore course topics first?</p>

src/pages/courses/software-engineering.tsx

@@ -143,7 +143,7 @@ const SoftwareEngineeringCourse: PageWithLayout = () => {
                             Please sign in to access the Software Engineering vertical.
                         </p>
                         <Link
-                            href="/dev-login"
+                            href="/login"
                             className="tw-inline-flex tw-items-center tw-rounded-md tw-bg-primary tw-px-6 tw-py-3 tw-font-semibold tw-text-white tw-transition-colors hover:tw-bg-primary/90"
                         >
                             Sign In

src/pages/dev-login.tsx

@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { useRouter } from "next/router";
 import Link from "next/link";
 import Layout from "@layout/layout-01";
-import type { GetStaticProps, NextPage } from "next";
+import type { GetServerSideProps, NextPage } from "next";
 
 interface DevLoginProps {
     layout?: {
@@ -88,14 +88,26 @@ const DevLogin: PageWithLayout = () => {
 
 DevLogin.Layout = Layout;
 
-export const getStaticProps: GetStaticProps<DevLoginProps> = () => ({
-    props: {
-        layout: {
-            headerShadow: true,
-            headerFluid: false,
-            footerMode: "light",
+export const getServerSideProps: GetServerSideProps<DevLoginProps> = async () => {
+    // Redirect to home page if not in development
+    if (process.env.NODE_ENV !== "development") {
+        return {
+            redirect: {
+                destination: "/",
+                permanent: false,
+            },
+        };
+    }
+
+    return {
+        props: {
+            layout: {
+                headerShadow: true,
+                headerFluid: false,
+                footerMode: "light",
+            },
         },
-    },
-});
+    };
+};
 
 export default DevLogin;

src/pages/resume-translator.tsx

@@ -154,13 +154,15 @@ const ResumeTranslatorPage: PageWithLayout = () => {
                                     <i className="fas fa-sign-in-alt tw-mr-2" />
                                     Sign In (Veterans Only)
                                 </Link>
-                                <Link
-                                    href="/dev-login"
-                                    className="tw-inline-flex tw-items-center tw-rounded-md tw-bg-gray-600 tw-px-8 tw-py-3 tw-font-semibold tw-text-white tw-transition-colors hover:tw-bg-gray-500"
-                                >
-                                    <i className="fas fa-code tw-mr-2" />
-                                    Dev Login (Testing)
-                                </Link>
+                                {process.env.NODE_ENV === "development" && (
+                                    <Link
+                                        href="/dev-login"
+                                        className="tw-inline-flex tw-items-center tw-rounded-md tw-bg-gray-600 tw-px-8 tw-py-3 tw-font-semibold tw-text-white tw-transition-colors hover:tw-bg-gray-500"
+                                    >
+                                        <i className="fas fa-code tw-mr-2" />
+                                        Dev Login (Testing)
+                                    </Link>
+                                )}
                             </div>
                             <div className="tw-text-gray-600">
                                 <p className="tw-font-semibold">Not a member yet?</p>