Skip to content

Personal website built with Next.js, TypeScript and Tailwind CSS

License

Notifications You must be signed in to change notification settings

antunesluis/homepage

Repository files navigation

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.

Portfolio Screenshot

Technologies Used

Core Technologies

  • React: A JavaScript library for building user interfaces.
  • Next.js: A React framework for building static and dynamic websites with server-side rendering and static site generation.
  • TypeScript: Adds static typing to JavaScript, improving code quality and developer experience.
  • Tailwind CSS: A utility-first CSS framework for rapid and responsive UI development.
  • Framer Motion: A production-ready motion library for React, used for smooth animations and interactions.

Additional Tools

  • Vercel: For hosting and continuous deployment.
  • Lucide Icons: A beautiful and consistent icon library.
  • ESLint: For code linting and maintaining code quality.
  • Prettier: 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

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.

Releases

No releases published

Packages

No packages published