React Next.js Portfolio

This portfolio website is built using React and Next.js, utilizing various technologies and tools to create a dynamic and engaging user experience.

Technologies Used

• React
• Next.js (with App Router & Server Actions)
• TypeScript
• Tailwind CSS
• Framer Motion
• React Email & Resend
• Vercel hosting

Getting Started

To run this project locally, follow these steps:

1. Clone this repository: git clone https://github.com/RuslanTsykaliak/React-Next-Portfolio.git
2. Navigate to the project directory: cd React-Next-Portfolio
3. Install project dependencies: pnpm install
4. Start the development server: pnpm run dev
5. Access the application at http://localhost:3000

Troubleshooting

If you encounter any issues, you can try the following steps:

1. Delete the .next folder in the project directory.
2. Restart the development server using pnpm run dev.

Tailwind CSS Installation

This project utilizes Tailwind CSS for styling. You can find installation instructions and documentation on the Tailwind CSS website.

React Email & Resend

For email-related features, the project uses React Email & Resend. This library helps manage and optimize email content for React applications.

Configuration

1. Create a .env file in the root directory of the project.
2. Obtain your API Key from resend.com.
3. Add the following line to the .env file: RESEND_API_KEY=your_api_key

Deployment

The project is hosted on Vercel. Deployment is automatically triggered when changes are pushed to the main branch.

---

Happy coding!