Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shyamg090/shyam-nextjs
https://github.com/shyamg090/shyam-nextjs
Last synced: 3 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/shyamg090/shyam-nextjs
- Owner: shyamg090
- Created: 2023-10-26T01:59:47.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2023-11-08T13:14:00.000Z (almost 1 year ago)
- Last Synced: 2023-11-08T14:29:36.756Z (almost 1 year ago)
- Language: JavaScript
- Homepage: https://shyamg.netlify.app/
- Size: 7.69 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MERN Stack Personal Portfolio Website with Next.js
This repository contains the code for a personal portfolio website built using the MERN (MongoDB, Express.js, React.js, Node.js) stack with Next.js, a popular React.js framework for server-rendered React applications. The website showcases your skills, projects, and experiences in a modern and responsive design.
## Features
- **Modern Design**: The portfolio website features a contemporary and responsive design to effectively showcase your projects and skills.
- **Next.js Framework**: Utilizes the Next.js framework for server-side rendering, ensuring faster page load times and improved SEO optimization.
- **MERN Stack**: Integrates MongoDB as the database, Express.js as the backend framework, React.js for the frontend, and Node.js for server-side logic.
- **Project Showcase**: Provides a section to showcase your projects with detailed information, technologies used, and links to the GitHub repository or live demo.
- **Skills and Experience**: Includes sections to display your skills, work experience, education, and other relevant information.
- **Contact Form**: Features a contact form that enables visitors to get in touch with you directly from the website.
## Prerequisites
Before you begin, ensure you have the following installed on your system:
- **Node.js**: Download and install Node.js from [nodejs.org](https://nodejs.org/).
- **MongoDB**: Set up a MongoDB database and obtain the connection URL (`MONGO_URL`). You can create a free MongoDB Atlas account for cloud-based database hosting.
- **Git**: Install Git to clone this repository and manage version control.
## Getting Started
1. **Clone the Repository**:
```bash
git clone https://github.com/shyamg090/shyam-nextjs.git
```
2. **Navigate to the Project Directory**:
```bash
cd shyam-nextjs
```
3. **Install Dependencies**:
```bash
npm install
```
4. **Set Environment Variables**:
Create a `.env` file in the root directory and add the following variables:
```plaintext
MONGO_URL=YOUR_MONGODB_CONNECTION_URI
```
5. **Start the Development Server**:
```bash
npm run dev
```
The website will be accessible at `http://localhost:3000`.
## Technologies Used
- **MongoDB**: NoSQL database for storing project and user data.
- **Express.js**: Backend framework for building robust APIs and server-side logic.
- **Next.js**: React.js framework for server-rendered React applications.
- **Node.js**: JavaScript runtime for server-side scripting.
- **Tailwind CSS**: Utility-first CSS framework for designing responsive and visually appealing interfaces.
## Deployment
To deploy your portfolio website, you can use platforms like Vercel, Netlify, or Heroku. Configure deployment settings according to the platform of your choice.
**Happy Coding!** 🚀