frad-me

A personal website built using modern web technologies to share thoughts, experiences, and showcase projects. Designed for speed, accessibility, and a seamless user experience.

• Framework: Next.js
• Language: TypeScript
• Content: MDX
• Styling: Tailwind CSS v4
• Deployment: Vercel

• High Performance: Optimized with Next.js for fast load times
• Content Management: Powered by MDX for flexible and dynamic content
• Custom Design: Unique styling and animations for a tailored experience
• Responsive: Fully functional on all devices
• SEO-Friendly: Built with best practices for search engines
• Type-Safe Development: Ensured with TypeScript

1. Clone the Repository:

   git clone https://github.com/FradSer/frad-me.git
   cd frad-me

2. Install Dependencies:

   pnpm install

3. Start Development Server:

   pnpm dev

4. Open http://localhost:3000 in your browser.

frad-me/
├── app/            # Next.js App Router routes and API handlers
├── components/     # React components
├── content/        # Structured site metadata
├── markdown/works/ # MDX case studies
├── public/         # Static assets
└── styles/         # Global styles

• pnpm dev: Start the development server
• pnpm build: Create a production build
• pnpm start: Launch the production server
• pnpm lint: Run Biome linting
• pnpm format: Format code with Biome
• pnpm test: Run Jest unit/integration tests

The website is automatically deployed to Vercel on every push to the main branch. The deployment process includes:

1. Building the Next.js application
2. Running quality checks
3. Deploying to production
4. Ensuring quality assurance

This project adheres to high-quality coding standards:

• SonarCloud: Continuous code quality analysis
• TypeScript: Strong type-checking
• Biome: Enforced code style consistency
• Jest: Automated unit/integration testing

This project is licensed under the MIT License.

For questions or suggestions, please open an issue in the repository.

Built with ❤️ by FradSer.