Portfolio screenshot

Portfolio

Author Avatar Theme by Jirihofman
Updated: 19 May 2025
132 Stars

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.

Categories

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.

Installation:

  1. Create a .env file similar to .env.example.
  2. Add your GitHub token into the new file.
  3. Install dependencies:
    npm install
    
  4. Run the development server:
    npm run dev
    
  5. Edit data.json to add personal information.
  6. To remove personal information before deploying, run:
    npm run setup
    

Summary:

The portfolio website is a project built with Next.js, Tailwind CSS, and deployed on Vercel. It serves as a template for GitHub users’ portfolios, gathering data from GitHub and Vercel API. The website offers easy setup and customization options, making it convenient for users to deploy their version with minimal effort.