Serving Docusaurus from Nginx with baseUrl

[GuyShalomCyberRidge]

Hey! 😄
I'll start by explaining my final goal and then my issue and what I tried doing.

The goal:

I have my main app served with Nginx from /, and I'm trying to serve my Docusaurus app from subpath /documentation.
To try and achieve that I set baseUrl: '/documentation/'. I ran a test with npm run serve and like I expected, the app was served from http://hostname/documentation/ and was working as intended. 👌

The problem:

My problems started when I tried to serve the docs' static files with Nginx.
When configuring location /documentation/ to serve the static files, I get an error: rewrite or internal redirection cycle while internally redirecting to "/documentation/index.html".
I also tried serving /index.html instead of /documentation/index.html like so: try_files $uri $uri/ /index.html; but that just resulted in a 403 error code.
I also tried serving the files in a separate Nginx server with no other locations, and I still got the same results 😒.

There is no mention in the Docusaurus docs of how to use baseUrl with Nginx as "The only responsibility of Docusaurus is to build your site and emit static files in build. It is now up to you to choose how to host those static files." written as a note here
Still, I'm wondering if there is a "correct" way of doing this, as I can't find anything online so maybe I'm completely off with my approach 🤷‍♂️.

Any help will be very very appreciated! 🙏🙏

Environment:

*If anything else might help please let me know!

Docusaurus version - 3.4.0
Nginx version - nginx/1.27.3
Everything is Dockerized (idk if that makes a difference)

docusaurus.config.js -

/** @type {import('@docusaurus/types').Config} */
const config = {
  title: 'CyberRidge Documentation.',
  tagline: 'Everything you need to know about out products.',
  favicon: 'img/logo-removebg-preview.png',

  url: 'https://your-docusaurus-site.example.com',
  baseUrl: '/documentation/',

  organizationName: 'facebook', // Usually your GitHub org/user name.
  projectName: 'docusaurus', // Usually your repo name.

  onBrokenLinks: 'throw',
  onBrokenMarkdownLinks: 'warn',

  i18n: {
    defaultLocale: 'en',
    locales: ['en'],
  },

  presets: [
    [
      '@docusaurus/preset-classic',
      ({
        docs: {
          sidebarPath: './sidebars.js',
          routeBasePath: '/', // Serve the docs at the site's root
        },
        blog: false,
        // blog: {
        //   showReadingTime: true,
        // },
        theme: {
          customCss: './src/css/custom.css',
        },
      }),
    ],
  ],

nginx.conf -

worker_processes auto;

events{}

http{
    include mime.types;   

    server{
        listen 3002;
        server_name docs.com;

        location /documentation/ {
            root /usr/share/nginx/html;
            index index.html; 
            try_files $uri $uri/ /documentation/index.html; # Ensure SPA routing
        }  
        location /documentation{
            return 301 /documentation/;
        }
    }
}