Portfolio
Portfolio page with Jiří Hofman's hobby projects. Can be used as a template for other GitHub users. Learning Tailwind CSS along the way. Using Next.js 15 with App router.
Overview:
The portfolio website is a personal project built using Next.js, Tailwind CSS, and deployed on Vercel. The website serves as a template for other GitHub users' portfolios, gathering data from GitHub and Vercel API. The tech stack includes Framework: Next.js, Deployment: Vercel, and Styling: Tailwind CSS.
Features:
- Next.js Framework: Utilizes the Next.js framework for building interactive web applications.
- Tailwind CSS Styling: Implements Tailwind CSS for easy and efficient styling of the website.
- GitHub and Vercel API Integration: Gathers data about the user and projects from GitHub and Vercel API.
- Cloning/Forking Support: Allows users to remove personal information and deploy their own version of the website easily.
- Environment Setup Guide: Provides detailed instructions for setting up the environment, including creating a .env file and adding GitHub token.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Portfolio
A portfolio website is a type of website that showcases an individual's or a company's work, skills, and accomplishments. It typically includes a gallery of images or videos, case studies, and client testimonials to provide potential clients or employers with a comprehensive overview of their experience and expertise.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
