Skip to content

This is a modern, full-stack portfolio website built with Next.js 15, TypeScript, and the latest web technologies. It showcases projects, skills, and experiences in a visually appealing and user-friendly manner.

Notifications You must be signed in to change notification settings

naymHdev/portfolio-with-next-ts

Repository files navigation

Portfolio Website

Portfolio Screenshot

🚀 Project Overview

This is a modern, full-stack portfolio website built with Next.js 15, TypeScript, and the latest web technologies. It showcases projects, skills, and experiences in a visually appealing and user-friendly manner.

🔗 Live Demo

Live Website

📂 Repository

GitHub Repo

🛠️ Tech Stack

  • Framework: Next.js 15 (App Router)
  • Language: TypeScript
  • Database: MongoDB with Mongoose
  • Styling: Tailwind CSS & DaisyUI
  • Rendering Strategies: SSR, SSG, CSR
  • Authentication: NextAuth.js (if implemented)
  • Markdown Support: react-markdown, rehype-highlight, remark-gfm

📌 Features

  • Fully responsive and modern UI/UX
  • Dynamic portfolio projects & blogs
  • Dark mode support
  • SEO optimized
  • Fast performance with ISR & SSG
  • Contact form integration

🚀 Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/naymHdev/portfolio-with-next-ts.git
cd portfolio-with-next-ts

2️⃣ Install Dependencies

yarn install

3️⃣ Set Up Environment Variables

Create a .env.local file and add necessary environment variables:

MONGODB_URI=your_mongodb_connection_string
NEXT_PUBLIC_SITE_URL=https://naymweb.vercel.app/
# Add other required variables

4️⃣ Run the Development Server

yarn dev

The project will run at http://localhost:3000

📦 Deployment

Deployed on Vercel for seamless integration with Next.js.

🛠️ Contribution

Feel free to fork the repo, create a new branch, and submit a pull request.

📜 License

This project is open-source and available under the MIT License.


🔗 Connect with Me:
💻 Portfolio
🐙 GitHub
📧 Email

About

This is a modern, full-stack portfolio website built with Next.js 15, TypeScript, and the latest web technologies. It showcases projects, skills, and experiences in a visually appealing and user-friendly manner.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages