https://github.com/juancruzmedina/juancruzmedina
Portfolio Website built with Next.js and HeroUI!
https://github.com/juancruzmedina/juancruzmedina
heroui nextjs personal-website porfolio react tailwindcss typescript vercel
Last synced: 8 months ago
JSON representation
Portfolio Website built with Next.js and HeroUI!
- Host: GitHub
- URL: https://github.com/juancruzmedina/juancruzmedina
- Owner: JuanCruzMedina
- License: mit
- Created: 2025-02-26T16:41:49.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-03-15T19:46:17.000Z (8 months ago)
- Last Synced: 2025-03-15T20:21:46.832Z (8 months ago)
- Topics: heroui, nextjs, personal-website, porfolio, react, tailwindcss, typescript, vercel
- Language: TypeScript
- Homepage: https://juanmedina.com.ar
- Size: 5.24 MB
- Stars: 10
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
---
---
# Juan Cruz Medina's Portfolio
This is the source code for Juan Cruz Medina's personal portfolio website, built with Next.js and HeroUI.
Refer to [Next.js](https://nextjs.org/docs/) and [HeroUI](https://www.heroui.com/docs) 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 ⭐!
## Roadmap
- [ ] Add blog section 📝
- [ ] Add project detail page 📄
- [ ] Implement contact form 📧
## Table of Contents
- [Built With](#built-with)
- [Installation](#installation)
- [Usage](#usage)
- [Configuration](#configuration)
- [Project Structure (Overview)](#project-structure-overview)
- [SEO](#seo)
- [Deployment](#deployment)
- [Contributing](#contributing)
- [License](#license)
## Built With
- [Next.js](https://nextjs.org/) – React framework
- [HeroUI](https://www.heroui.com/) – UI components
- [TypeScript](https://www.typescriptlang.org/) – Static typing
- [TailwindCSS](https://tailwindcss.com/) – Utility-first CSS framework
## Installation
1. Clone the repository:
```bash
git clone https://github.com/JuanCruzMedina/juancruzmedina.git
```
2. Navigate to the project directory:
```bash
cd juancruzmedina
```
3. Install the dependencies:
```bash
npm install
```
## Usage
To start the development server, run:
```bash
npm run dev
```
Open http://localhost:3000 with your browser to see the result.
### Configuration
Add your site information in `app/config/site.ts` and update the `public/favicon.ico` with your own favicon your images.
## Project Structure (Overview)
- `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
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`:
```js
export const metadata: Metadata = {
title: {
default: siteConfig.name,
template: `%s - ${siteConfig.name}`,
},
description: siteConfig.description,
icons: {
icon: "/favicon.ico",
},
};
```
## Deployment
You can deploy easily by using [Vercel](https://vercel.com/) 🎉
[](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2JuanCruzMedina%2juancruzmedina)
## Contributing
Pull requests are welcome! If you find any issue or have suggestions, feel free to open an issue.
## License
This project is licensed under the MIT License.