Portfolio app built with Next.js 13 & Contentlayer, MDX
Demo

💻 Preview

portfolio-app-preview.mp4

📊 Google Lighthouse performance statistics

Desktop

Mobile

📚 Features

• App Router,
• Server Actions
• Server and Client Components
• Metadata files
• Open Graph Image Generation using Vercel/Og
• UI Components built using Shadcn UI, Radix UI and Headless UI,
• Pages and blogs are using MDX and Contentlayer
• Sending emails using NodeMailer and React Email, Gmail
• Styled using Tailwind CSS
• Icons using Heroicons and Lucide
• Validations using Zod
• Written in TypeScript

⌨️ Code Quality

• TypeScript
• Prettier
• ESLint

📈 Miscellaneous

• Vercel Analytics

⚙️ Getting Started

Requirements

To run this app locally you need

• Node.js (Version: >=18.x)
• Node Package Manager NPM - included in Node.js
• PostgreSQL (local or remote)

Developer Quickstart

Want to get up and running quickly? Follow these steps:

• Clone the repository it to your local device.

  git clone https://github.com/timtbdev/Next.js-Portfolio-App.git

• Set up your .env.local file using the recommendations in the .env.example file.

• Run npm installation --legacy-peer-deps in the root directory

  npm installation --legacy-peer-deps

• Run npm run dev in the root directory

• Want it even faster? Just use

  npm run d

That's it! You should now be able to access the app at http://localhost:3000

Admin dashboard will also be available on http://localhost:300/dashboard

🙇 Author

• Tim (@timtbdev)

License

Licensed under the MIT license.