diff --git a/src/routes/api/[site]/[...page]/+server.js b/src/routes/api/[site]/[...page]/+server.js
new file mode 100644
index 000000000..2ce5e6dc3
--- /dev/null
+++ b/src/routes/api/[site]/[...page]/+server.js
@@ -0,0 +1,108 @@
+import { json } from '@sveltejs/kit';
+import supabase_admin from '$lib/supabase/admin'
+import { languages } from '@primocms/builder'
+
+export async function GET({ url, params }) {
+
+  const pages = params.page?.split('/') || []
+  const lang = languages.some(lang => lang.key === pages[0]) ? pages.pop() : 'en'
+  const page_url = pages.pop() || 'index'
+  const parent_url = pages.pop() || null
+
+  let options = {
+    format: 'html', // html | markdown
+    range: '0,9', // from,to # https://supabase.com/docs/reference/javascript/range
+    sort: 'created_at,desc' // created_at | name, asc | desc  # default returns latest
+  }
+
+  for (const p of url.searchParams) {
+    if (options.hasOwnProperty(p[0])) {
+      options[p[0]] = p[1]
+    }
+  }
+
+  const [{ data: site_data }, { data: page_data }, { data: subpages_data, error: subpages_error }, { count: subpages_total }, { data: sections_data }] = await Promise.all([
+    supabase_admin.from('sites').select().filter('url', 'eq', params.site).single(),
+    supabase_admin.from('pages').select('*, site!inner(url)').match({ url: page_url, 'site.url': params.site }).single(),
+    supabase_admin.from('pages').select('*, parent!inner(*), site!inner(url)').match({ 'site.url': params.site, 'parent.url': page_url })
+      .order(options.sort.split(',')[0], { ascending: options.sort.split(',')[1] === 'asc' })
+      .range(parseInt(options.range.split(',')[0]), parseInt(options.range.split(',')[1])),
+    supabase_admin.from('pages').select('*, parent!inner(url), site!inner(url)', { count: 'exact', head: true }).match({ 'site.url': params.site, 'parent.url': page_url }),
+    supabase_admin.from('sections').select('*, symbol!inner(name, content), page!inner( site!inner(url), parent!inner(url) )').match({
+      'page.site.url': params.site,
+      'page.parent.url': parent_url,
+      'page.url': page_url
+    }).order('index')
+  ])
+
+  const site = {
+    // @ts-ignore
+    ...site_data['content'][lang],
+    _meta: {
+      id: site_data.id,
+      name: site_data.name,
+      url: site_data.url,
+      created_at: site_data.created_at
+    }
+  }
+
+  const page = {
+    // @ts-ignore
+    ...page_data['content'][lang],
+    _meta: {
+      id: page_data.id,
+      name: page_data.name,
+      url: page_data.url,
+      created_at: page_data.created_at,
+      subpages_total,
+      subpages: subpages_data?.map(subpage => ({
+        id: subpage.id,
+        name: subpage.name,
+        url: subpage.url,
+        created_at: subpage.created_at
+      }))
+    },
+  }
+
+  const formatContent = (sections) => {
+    if (Array.isArray(sections)) {
+      sections.forEach(item => formatContent(item))
+    } else if (typeof sections === 'object' && sections !== null) {
+      Object.keys(sections).forEach(key => {
+        if (typeof sections[key] === 'object' && sections[key] !== null && sections.hasOwnProperty(key)) {
+          if (sections[key].hasOwnProperty('html') && sections[key].hasOwnProperty('markdown') && Object.keys(sections[key]).length === 2) {
+            if (options.format === 'html') {
+              delete sections[key]['markdown']
+            } else {
+              delete sections[key]['html']
+            }
+          } else {
+            formatContent(sections[key])
+          }
+        }
+      })
+    }
+  }
+
+  formatContent(sections_data)
+
+  const sections = sections_data?.map(section => ({
+    // @ts-ignore
+    ...section.symbol['content'][lang], // static field values
+    // @ts-ignore
+    ...section['content'][lang], // dynamic field values overwrite if they exist
+    _meta: {
+      id: section.id,
+      symbol: section.symbol.id,
+      name: section.symbol.name,
+      created_at: section.created_at
+    }
+  }))
+
+  return json({
+    site,
+    page,
+    sections
+  })
+
+}
\ No newline at end of file
diff --git a/src/routes/api/[site]/[page]/+server.js b/src/routes/api/[site]/[page]/+server.js
deleted file mode 100644
index fc2c11916..000000000
--- a/src/routes/api/[site]/[page]/+server.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import { json } from '@sveltejs/kit';
-import supabase_admin from '$lib/supabase/admin'
-
-export async function GET({ params }) {
-  
-  const [{data:site_data},{data:page_data},{data:subpages_data, error:subpages_error},{data:sections_data}] = await Promise.all([
-    supabase_admin.from('sites').select().filter('url', 'eq', params.site).single(),
-    supabase_admin.from('pages').select('*, site!inner(url)').match({ url: params.page, 'site.url': params.site }).single(),
-    supabase_admin.from('pages').select('*, parent!inner(*), site!inner(url)').match({ 'site.url': params.site, 'parent.url': params.page }),
-    supabase_admin.from('sections').select('*, page!inner( site!inner(url) )').match({
-      'page.site.url': params.site,
-      'page.url': params.page
-    })
-  ])
-
-  const site = {
-    ...site_data['content']['en'],
-    _meta: {
-      id: site_data.id,
-      name: site_data.name,
-      url: site_data.url,
-      created_at: site_data.created_at
-    }
-  }
-
-  const page = {
-    ...page_data['content']['en'],
-    _meta: {
-      id: page_data.id,
-      name: page_data.name,
-      url: page_data.url,
-      created_at: page_data.created_at,
-      subpages: subpages_data?.map(subpage => ({
-        id: subpage.id,
-        name: subpage.name,
-        url: subpage.url,
-        created_at: subpage.created_at
-      }))
-    },
-  }
-
-  const sections = sections_data?.sort((a,b) => a.index - b.index).map(section => ({
-    ...section.content.en,
-    _meta: {
-      id: section.id,
-      symbol: section.symbol,
-      created_at: section.created_at
-    }
-  }))
-
-  return json({
-    site,
-    page,
-    sections
-  })
-
-}
\ No newline at end of file