This portfolio website is built using React and Next.js, utilizing various technologies and tools to create a dynamic and engaging user experience.
- React
- Next.js (with App Router & Server Actions)
- TypeScript
- Tailwind CSS
- Framer Motion
- React Email & Resend
- Vercel hosting
To run this project locally, follow these steps:
- Clone this repository:
git clone https://github.com/RuslanTsykaliak/React-Next-Portfolio.git
- Navigate to the project directory:
cd React-Next-Portfolio
- Install project dependencies:
pnpm install
- Start the development server:
pnpm run dev
- Access the application at
http://localhost:3000
If you encounter any issues, you can try the following steps:
- Delete the
.next
folder in the project directory. - Restart the development server using
pnpm run dev
.
This project utilizes Tailwind CSS for styling. You can find installation instructions and documentation on the Tailwind CSS website.
For email-related features, the project uses React Email & Resend. This library helps manage and optimize email content for React applications.
- Create a
.env
file in the root directory of the project. - Obtain your API Key from resend.com.
- Add the following line to the
.env
file: RESEND_API_KEY=your_api_key
The project is hosted on Vercel. Deployment is automatically triggered when changes are pushed to the main branch.
Happy coding!