https://github.com/reinskywalker/nextjs-persona
Simplified version of my personal page, will add more in the future
https://github.com/reinskywalker/nextjs-persona
Last synced: about 1 year ago
JSON representation
Simplified version of my personal page, will add more in the future
- Host: GitHub
- URL: https://github.com/reinskywalker/nextjs-persona
- Owner: reinskywalker
- License: apache-2.0
- Created: 2024-06-13T19:23:04.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-01T02:17:37.000Z (over 1 year ago)
- Last Synced: 2025-04-09T19:55:43.200Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://reynaldi.dev/
- Size: 3.25 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### Persona using nextJS
### Key Features
- **Dynamic Theme Switching**: Implemented dark and light mode toggling for enhanced user experience.
- **Responsive Design**: Ensures the portfolio is accessible and aesthetic on devices of various sizes, from mobile phones to large desktop screens.
- **Integration of Social Media Icons**: Quick access links to my social profiles on Twitter, GitHub, YouTube, and Behance, facilitating easy connections.
- **Highly Interactive UI**: Features like clickable icons and responsive buttons enhance user interaction.
- **Next.js and React**: The project leverages the latest features of Next.js and React for server-side rendering and component-based architecture.
### Technologies Used
- **Next.js**: A React framework for production; it makes the website fast and efficient.
- **Tailwind CSS**: Utilized for styling, taking advantage of its utility-first capabilities for a more maintainable CSS.
- **React Icons**: Used for adding icons from popular icon libraries.
- **Next Image**: Used for optimized image loading to improve performance.
### Project Structure
- **`public/image`**: Stores static assets like images and icons.
- **`components`**: Contains reusable React components that make up the UI.
- **`pages`**: Uses the file-based routing of Next.js to organize the website's pages.
### Setup
To get this project running locally:
1. Clone the repository:
```
git clone https://github.com/reinskywalker/nextjs-persona.git
```
2. Install the dependencies:
```
npm install
```
3. Run the development server:
```
npm run dev
```