https://github.com/ruslantsykaliak/react-next-portfolio
Portfolio Website using Next.js and TypeScript. It is structured to create a modern and responsive website that showcases the work, experience, and accomplishments.
https://github.com/ruslantsykaliak/react-next-portfolio
nextjs nextjs14 portfolio tailwindcss typescript
Last synced: about 2 months ago
JSON representation
Portfolio Website using Next.js and TypeScript. It is structured to create a modern and responsive website that showcases the work, experience, and accomplishments.
- Host: GitHub
- URL: https://github.com/ruslantsykaliak/react-next-portfolio
- Owner: RuslanTsykaliak
- Created: 2023-08-27T10:36:23.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-06T19:53:20.000Z (9 months ago)
- Last Synced: 2025-06-09T00:08:02.166Z (4 months ago)
- Topics: nextjs, nextjs14, portfolio, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://ruslantsykaliak.com
- Size: 2.42 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Next.js Portfolio
[](https://ibb.co/SXdpkhG)
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](https://tailwindcss.com/docs/installation).
## React Email & Resend
For email-related features, the project uses [React Email & Resend](https://resend.com/). 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](https://resend.com/).
3. Add the following line to the `.env` file: RESEND_API_KEY=your_api_key
## Deployment
The project is hosted on [Vercel](https://vercel.com/). Deployment is automatically triggered when changes are pushed to the main branch.
---
Happy coding!