diff --git a/src/pages/formula/[...formulaPath].astro b/src/pages/formula/[...formulaPath].astro
new file mode 100644
index 0000000..94076a6
--- /dev/null
+++ b/src/pages/formula/[...formulaPath].astro
@@ -0,0 +1,49 @@
+---
+// Full Astro Component Syntax:
+// https://docs.astro.build/core-concepts/astro-components/
+
+import { DoesItAPI } from '~/helpers/api/client.js'
+import { catchRedirectResponse } from '~/helpers/astro/request.js'
+import {
+    ListingDetails
+} from '~/helpers/listing-page.js'
+import { getPathPartsFromAstroRequest } from '~/helpers/url.js'
+
+import Layout from '~/src/layouts/default.astro'
+import Listing from '~/src/components/default-listing.astro'
+
+
+const redirectResponse = await catchRedirectResponse( Astro )
+
+if ( redirectResponse !== null ) {
+  return redirectResponse
+}
+
+
+// Get type and slug from the request path
+// so that we don't have extra parts for
+// urls like /:type/:slug/benchmarks
+const {
+    pathSlug,
+    subSlug = null
+} = getPathPartsFromAstroRequest( Astro.request )
+
+
+// Astro Request reference
+// https://docs.astro.build/en/reference/api-reference/#astrorequests
+
+// Request App data from API
+const appListing = await DoesItAPI.formula( pathSlug ).get()
+
+const listingDetails = new ListingDetails( appListing )
+
+const headOptions = listingDetails.headOptions
+
+---
+<Layout
+    headOptions={ headOptions }
+>
+    <Listing
+        listing={ appListing }
+    />
+</Layout>