Skip to content

A modern, responsive portfolio website built with Next.js 15, showcasing my journey as a Full-Stack Developer. Features a dark theme with purple accents, glass morphism effects, smooth animations, and a comprehensive contact system with reCAPTCHA integration.

Notifications You must be signed in to change notification settings

Ra-Wo/Portfolio-v2

Repository files navigation

Rachid Oudouch - Portfolio

A modern, responsive portfolio website built with Next.js 15, featuring dark theme with purple accents, glass morphism effects, and dynamic project management through Sanity CMS.

✨ Features

  • Modern Stack: Next.js 15, React 19, TypeScript, Tailwind CSS 4
  • CMS Integration: Sanity for dynamic project content
  • Contact System: Email automation with reCAPTCHA protection
  • Responsive Design: Mobile-first with smooth animations

🚀 Quick Start

  1. Clone and install:
git clone https://github.com/Ra-Wo/portfolio-v2.git
cd portfolio-v2
npm install
  1. Set up environment:
cp .env.local.example .env.local

Edit .env.local with your credentials (see .env.local.example for details).

  1. Run development server:
npm run dev

Visit http://localhost:3000

⚙️ Configuration

Required Services

  • Sanity CMS: sanity.io - Project content management
  • reCAPTCHA: Google reCAPTCHA - Contact form protection
  • SMTP Email: Gmail, Brevo, or SendGrid - Contact form delivery

Customization

All personal data and site configuration is centralized in lib/data.ts:

export const personalInfo = { name, role, tagline, avatar, resume };
export const contactInfo = { email };
export const socialLinks = [
  /* GitHub, LinkedIn, etc. */
];
export const heroData = {
  /* Hero section content */
};
export const footerData = {
  /* Footer content */
};
export const siteMetadata = { title, description, keywords, author, urls };

Everything is configured in one place - no need to edit other files!

Note: To update the About section content (bio, description, etc.), edit the components/About.tsx file directly.

🔗 Connect


Built with ❤️ using Next.js, TypeScript, and modern web technologies.

About

A modern, responsive portfolio website built with Next.js 15, showcasing my journey as a Full-Stack Developer. Features a dark theme with purple accents, glass morphism effects, smooth animations, and a comprehensive contact system with reCAPTCHA integration.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published