build: install nextjs and contentlayer2

README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

contentlayer.config.ts

@@ -0,0 +1,18 @@
+import { defineDocumentType, makeSource, ComputedFields } from "contentlayer2/source-files";
+
+// this is a basic example to show how to structure your content source
+export const _DataName = defineDocumentType(() => ({
+  name: "Post", // name of the post
+  filePathPattern: `**/*.md`, // file path where the mdx file to be process is located
+  contentType: "mdx", // content type mdx
+  // fields: types desc
+  fields: {
+    title: { type: "string", required: true },
+    date: { type: "date", required: true },
+  },
+  computedFields: {
+    url: { type: "string", resolve: (post) => `/posts/${post._raw.flattenedPath}` },
+  },
+}));
+
+export default makeSource({ contentDirPath: "posts", documentTypes: [_DataName] });

next.config.mjs

@@ -0,0 +1,5 @@
+/** @type {import('next').NextConfig} */
+import { withContentlayer } from "next-contentlayer2";
+const nextConfig = {};
+
+export default withContentlayer(nextConfig);