So i have no idea how to use pages or api route properly because i never used it...
Now i am working on a small project where i want to make different pages using markdown so i have a component for that which changes markdown into html
So can anyone help me how i can create pages dynamically based of my markdowns

My project structure is like this

Project
|-src
|-components
|-mdToHtmlComponent.tsx
|-markdowns
|-md1
|-md2
|-md3


So i want something like if i add a new md4 to markdown file it creates a page automatic for that md4 under somename path
Like url sld look like this myproject.com/somename/markdownTitle

And if its possible to control markdownTitle dynamically too I'll be glad to know that

Hope I'm able to explain my issue properly