🔼 Next Portfolio

🚀 Carlo's Personal Web Portfolio built with NextJS!

VISIT: carlo.vercel.app

Requirements

Landing Page - Lots of animations powered by Framer Motion
Blog (Markdown Support, Code Syntax Highlighting, Reading Time, etc.) - Powered by ContentLayer and Shiki
Project Directory (Searchable) - Powered by FlexSearch

Because I keep forgetting how this project works or looks like. I also hate NextJS.

ContentLayer is apparently exclusive to NextJS.

Package: contentlayer is used to manage content and transform mdx to javascript objects.
Package: next-contentlayer is specifically used for bundling + rendering 'blog stuff' (specifically the mdx content, the frontmatter, no need for this).
Configurations for collection schemas are stored in contentlayer.config.ts.
next.config.js is used attaching the build process of contentlayer to NextJS dev and build.
All the mdx content is stored in content/ folder.

Name		Name	Last commit message	Last commit date
Latest commit History 316 Commits
.vscode		.vscode
content		content
data		data
database/migrations		database/migrations
docs		docs
public		public
scripts		scripts
src		src
.editorconfig		.editorconfig
.env.example		.env.example
.eslintrc		.eslintrc
.gitignore		.gitignore
.prettierrc		.prettierrc
README.md		README.md
contentlayer.config.ts		contentlayer.config.ts
next-env.d.ts		next-env.d.ts
next.config.js		next.config.js
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json