diff --git a/packages/nextra-theme/src/index.tsx b/packages/nextra-theme/src/index.tsx
index 298155d4a1da..bc44f2bce998 100644
--- a/packages/nextra-theme/src/index.tsx
+++ b/packages/nextra-theme/src/index.tsx
@@ -70,6 +70,17 @@ export default function NextraLayout({ children, pageOpts, pageProps }: NextraTh
   const { locale, defaultLocale } = useI18n<any>()
   const fsPath = useFSRoute()
 
+  const gitDate = new Date(pageOpts.timestamp!)
+  const lastUpdatedAt = gitDate.toLocaleDateString(locale, {
+    day: 'numeric',
+    month: 'long',
+    year: 'numeric',
+  })
+  const dateEl = <time dateTime={gitDate.toISOString()}>{lastUpdatedAt}</time>
+
+  console.log('timestamp', lastUpdatedAt)
+  console.log('reading time', pageOpts.readingTime!.minutes > 0 && pageOpts.readingTime!.text)
+
   const args = useMemo(() => {
     const result = normalizePages({
       list: pageMap,
diff --git a/website/next.config.js b/website/next.config.js
index 3c03a91dc3a3..b729ba31322d 100644
--- a/website/next.config.js
+++ b/website/next.config.js
@@ -18,6 +18,7 @@ const withNextra = nextra({
   flexsearch: false,
   codeHighlight: false,
   defaultShowCopyCode: false,
+  readingTime: true,
   transform(result, { route }) {
     if (route && !result.includes('getStaticProps')) {
       const banner = `