https://github.com/antunesluis/homepage
Personal website built with Next.js, TypeScript and Tailwind CSS
https://github.com/antunesluis/homepage
homepage nextjs portfolio react tailwindcss typescript vercel
Last synced: 3 months ago
JSON representation
Personal website built with Next.js, TypeScript and Tailwind CSS
- Host: GitHub
- URL: https://github.com/antunesluis/homepage
- Owner: antunesluis
- License: mit
- Created: 2025-01-26T13:49:46.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-15T14:59:00.000Z (over 1 year ago)
- Last Synced: 2025-10-22T10:37:13.936Z (8 months ago)
- Topics: homepage, nextjs, portfolio, react, tailwindcss, typescript, vercel
- Language: TypeScript
- Homepage: https://antunesluis.vercel.app
- Size: 5.88 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Homepage
Welcome to my homepage! This project showcases my skills, projects, and
experience as a developer. Built with modern technologies and optimized for
performance, it reflects my passion for clean design and efficient code.
## Technologies Used
### Core Technologies
- **[React](https://reactjs.org/)**: A JavaScript library for building user
interfaces.
- **[Next.js](https://nextjs.org/)**: A React framework for building static and
dynamic websites with server-side rendering and static site generation.
- **[TypeScript](https://www.typescriptlang.org/)**: Adds static typing to
JavaScript, improving code quality and developer experience.
- **[Tailwind CSS](https://tailwindcss.com/)**: A utility-first CSS framework
for rapid and responsive UI development.
- **[Framer Motion](https://www.framer.com/motion/)**: A production-ready motion
library for React, used for smooth animations and interactions.
### Additional Tools
- **[Vercel](https://vercel.com/)**: For hosting and continuous deployment.
- **[Lucide Icons](https://lucide.dev/)**: A beautiful and consistent icon
library.
- **[ESLint](https://eslint.org/)**: For code linting and maintaining code
quality.
- **[Prettier](https://prettier.io/)**: For code formatting and consistency.
## Features
- **Project Showcase**: Displays my projects with interactive animations and
detailed descriptions.
- **"Uses" Section**: Highlights the tools, software, and hardware I use daily.
- **Dark/Light Mode**: Automatic theme switching based on system preferences.
- **Responsive Design**: Optimized for mobile, tablet, and desktop devices.
search engine visibility.
- **Performance**: Built with performance in mind.
## Project Structure
```bash
src/
├── app/ # Next.js routes
├── components/ # Reusable components (e.g., Header, Footer, Cards)
├── config/ # Configuration files (icons, themes, etc.)
├── content/ # Static data (projects, uses, etc.)
├── lib/ # Utility functions and helpers
├── styles/ # Global styles and Tailwind configuration
├── types/ # TypeScript types and interfaces
└── public/ # Static assets (images, icons, etc.)
🚀 Deployment
```
## Deployment
This project is configured for automatic deployment on Vercel. Simply push
changes to the main branch, and Vercel will handle the rest.
## License
This project is licensed under the MIT License. Feel free to use, modify, and
distribute it as you see fit.