This is the source code for Juan Cruz Medina's personal portfolio website, built with Next.js and HeroUI.
Refer to Next.js and HeroUI documentation to learn more.
Feel free to fork this repository to make your own portfolio, and if you liked the repo, kindly support it by giving it a star ⭐!
- Add blog section 📝
- Add project detail page 📄
- Implement contact form 📧
- Built With
- Installation
- Usage
- Configuration
- Project Structure (Overview)
- SEO
- Deployment
- Contributing
- License
- Next.js – React framework
- HeroUI – UI components
- TypeScript – Static typing
- TailwindCSS – Utility-first CSS framework
-
Clone the repository:
git clone https://github.com/JuanCruzMedina/juancruzmedina.git
-
Navigate to the project directory:
cd juancruzmedina
-
Install the dependencies:
npm install
To start the development server, run:
npm run dev
Open http://localhost:3000 with your browser to see the result.
Add your site information in app/config/site.ts
and update the public/favicon.ico
with your own favicon your images.
app/layout.tsx
: Main layout file where global metadata and layout components are defined.app/page.tsx
: Homepage of the site.app/projects/
: Contains project page and layout.app/resume/
: Contains resume page and layout.components/
: Contains reusable UI components.app/config/site
: Configuration file for the site.styles/
: Global CSS files.public/
: Images, icons, and other static files.types/
: TypeScript type definitions.
SEO is implemented using the Head
component from Next.js. Metadata is defined in app/layout.tsx
and can be customized for individual pages.
Example metadata in app/layout.tsx
:
export const metadata: Metadata = {
title: {
default: siteConfig.name,
template: `%s - ${siteConfig.name}`,
},
description: siteConfig.description,
icons: {
icon: "/favicon.ico",
},
};
You can deploy easily by using Vercel 🎉
Pull requests are welcome! If you find any issue or have suggestions, feel free to open an issue.
This project is licensed under the MIT License.