Example index.html

<!doctype html>
<html lang="en">
  <head>
    <!--
     Everything that follows is for local development. These links
     ensure continuity between what you'll get when running the React app
     standalone in development mode versus running the same app inside
     the Django app (both local as well as production).
    -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Dashboard</title>

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" />

    <!--
     These assets originate from the Bootstrap premium theme used in web console.
    -->
    <link href="/assets/plugins/custom/fullcalendar/fullcalendar.bundle.css" rel="stylesheet" type="text/css" />
    <link href="/assets/plugins/custom/datatables/datatables.bundle.css" rel="stylesheet" type="text/css" />
    <link href="/dashboard/assets/index.css" rel="stylesheet" type="text/css" />
    <link href="/assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
    <link href="/common-styles.css" rel="stylesheet" type="text/css" />

    <!--
     These are ViteJS build assets
    -->
    <script type="module" crossorigin src="/static/react/smarter-dashboard/assets/index.js"></script>
    <link rel="stylesheet" crossorigin href="/static/react/smarter-dashboard/assets/index-B011HLqe.css">
  </head>
  <body>
    <!--
     This is only used for development via 'npm run dev'. The csrftoken
     is dummy data, though all other values are 'real' in the sense that
     they match the static values yielded from the Django view.
    -->
    <div
      id="smarter-dashboard-root"
      smarter-csrf-cookie-name="csrftoken"
      smarter-django-session-cookie-name="sessionid"
      smarter-api-path="/dashboard/logs/api/stream/"
      >
    </div>
  </body>
  <!--
    These assets originate from the Bootstrap premium theme used in web console.
  -->
  <script src="/assets/plugins/global/plugins.bundle.js"></script>
  <script src="/assets/js/scripts.bundle.js"></script>

</html>