pabloporto.me

My personal website built with React, TypeScript, NextJS and Tailwind. Live at pabloporto.me.

About

I change the tech stack that use to build my personal website every few years. I started using Wordpress, then moved to Jekyll, then React/Redux and finally Next.js.

This project serves as my playground for experimenting with modern frontend technologies and CI/CD practices. It demonstrates a complete deployment pipeline with GitHub Actions, including automated code formatting, linting, dependecy checks and web vitals checks.

Tech Stack

• Next.js - React framework
• TypeScript - Type safety
• Tailwind CSS - Styling
• Vercel - Hosting
• GitHub Actions - CI/CD

Features

• ✅ Code formatting and linting
• ✅ Continuous deployment pipeline
• ✅ Performance monitoring
• ✅ Pre-commit hooks
• ✅ E2E testing
• ⏳ Unit testing with Jest
• ⏳ i18n support
• ⏳ Automated secret scanning

Development

# Start development server
npm run dev

To run the linter:

npm run lint
# or
npm run lint:fix

To run the code formatter:

npm run format
# or
npm run format:fix

Testing

# Run end-to-end tests
npm run test:e2e

# Check performance metrics
npm run performance:check

Git Hooks

This project uses Husky for pre-commit hooks that run the formatter and linter. The hooks are automatically set up when you run npm install.

Contributing

Suggestions and improvements are welcome! 🙏

License

MIT License - see LICENSE for details.