Welcome to the repository for my personal website, lscaturchio.xyz! This project serves as a dynamic platform where I showcase my professional work, share technical insights through blog posts, and engage with the broader tech community.
- 🚀 Powered by Next.js 13: Utilizes the latest version of Next.js for efficient, scalable, and production-ready web applications.
- 💅 Styled with Tailwind CSS: A utility-first CSS framework ensuring rapid and consistent design implementation.
- 🎨 Interactive Animations: Smooth, responsive animations created with Framer Motion for an engaging UI.
- 📝 MDX Integration: Blog posts and content written in MDX, blending Markdown simplicity with React component flexibility.
- 📱 Fully Responsive: Optimized for all devices, from desktop monitors to smartphones.
- 🎯 SEO-Optimized: Meta tags, structured data, and best practices ensure improved discoverability on search engines.
- 📄 Dynamic Content: Modular blog and project pages that can be updated effortlessly.
- 📬 Contact Form: Enables easy communication with visitors.
- 📑 Resume Section: A dedicated page to highlight professional achievements and skills.
This repository follows a clean and modular structure for ease of navigation and maintainability:
/src/app/*
: Core application pages and dynamic routing managed by Next.js./src/components/*
: Reusable and customizable UI components to ensure consistency and scalability./public/*
: Static assets such as images, icons, and fonts accessible by the client./lib/*
: Shared utility functions, API integrations, and configuration files./fonts/*
: Custom typography resources to ensure a unique and polished look.
This project leverages a modern tech stack to deliver exceptional performance and developer experience:
- Next.js 13: The React framework for modern web development, providing server-side rendering, static site generation, and more.
- TypeScript: Ensures strong typing for improved code quality and maintainability.
- Tailwind CSS: Rapid UI design using a utility-first CSS framework.
- Framer Motion: A powerful animation library for creating stunning motion effects.
- MDX: Combines Markdown and JSX for flexible, component-driven content.
Follow these steps to set up and run the project locally:
-
Clone the Repository:
git clone https://github.com/lscaturchio/lscaturchio.xyz.git cd lscaturchio.xyz
-
Install Dependencies:
npm install # or yarn install # or bun install
-
Run the Development Server:
npm run dev # or yarn dev # or bun dev
-
View in Browser: Open http://localhost:3000 to preview the site locally.
The website is deployed using Vercel, ensuring rapid and reliable performance with automatic CI/CD pipelines. For production deployment:
- Connect your GitHub repository to Vercel.
- Push changes to the
main
branch to trigger an automatic build and deployment.
This project is open-source and available under the terms of the MIT License. Contributions and forks are welcome, adhering to the license terms.
Special thanks to Aceternity UI for inspiring the design aesthetics of this website.
By contributing to or using this project, you’re joining a journey toward fostering creativity and innovation in the tech community. Feel free to explore, contribute, or reach out for collaboration opportunities! 🚀