Marcus Liljehammar's Portfolio Web

A sleek and modern personal portfolio website built with Next.js, showcasing projects, skills, contact information and an up to date blog about all tech, web and... stuff. Bundled, pushed and depoloyed on Netlify

🚀 Features

• Fast & SEO-Friendly: Optimized for performance and search engines with Next.js' static generation.
• Responsive Design: Fully responsive and accessible on all devices.
• Dynamic Projects Section: Easily add and edit projects through a configuration file.
• Contact Form Integration: Powered by a serverless function using Next.js API routes.

🛠️ Tech Stack

• Framework: Next.js
• CMS: Sanity
• Components: NextUI
• Styling: Tailwind CSS
• Icons: Heroicons
• Hosting: Netlify

📂 Project Structure

portfolio-nextjs-netlify/
├── public/             # Static files
├── src/
│   ├── components/     # Reusable components
│   ├── pages/          # Next.js pages
│   ├── styles/         # Global and component styles
│   ├── data/           # Projects and configuration data
│   └── utils/          # Helper functions
├── .env.local          # Environment variables (local only)
├── next.config.js      # Next.js configuration
├── tailwind.config.js  # Tailwind CSS configuration
└── package.json        # Dependencies and scripts

🖥️ Demo

Check out the live demo: here

🔧 Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js (>= 14.x)
• Yarn or npm

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/portfolio-website.git
   cd portfolio-website

2. Install dependencies:

   yarn install
   # or
   npm install

3. Start the development server:

   yarn dev
   # or
   npm run dev

4. Open http://localhost:3000 in your browser to view the website.

Building for Production

To create a production build:

yarn build
# or
npm run build

Deploying to Netlify

1. Install the Netlify CLI (optional):

   npm install -g netlify-cli

2. Build the project:

   yarn build
   # or
   npm run build

3. Deploy to Netlify:

   netlify deploy

   Follow the CLI prompts to configure the deployment or use the Netlify web interface to connect your GitHub repository for continuous deployment.

   

📜 License

This project is licensed under the MIT License. See the LICENSE file for details.

---

Made with ❤️ by Marcus Liljehammar.