Remove filename from URL with Express

When I host my front-end on Nodejs, I use app.use(express.static(path.join(__dirname, "public")));. However, this makes me put the name of the HTML file at the end of the URL; for example, localhost:3000/index.html.

How would I make it show the front-end at the base URL, in this case, "localhost:3000/". I have attached a part of my Nodejs code. I would appreciate any help and thank you in advance.

var path = require('path');
var express = require('express');
const app = express();
const port = process.env.PORT || '3000';

app.use(express.json());

app.use((req, res, next) => {
    console.log(req.path);
    next();
});

app.use(express.static(path.join(__dirname, "public")));

app.listen(port, () => console.log("Server is ready"));