Catalog

This project aims to detail who I am as a developer, as well as to share some of the technologies that I work with.

This site was built using Next.js, a React framework.

Table of Contents

• Catalog
  • Table of Contents
  • Overview
  • Features
  • Stack
  • Getting Started
    • Installation
    • Running Locally
  • Deployment
  • Contact

Overview

The portfolio highlights some of my experiences as a developer.

The site features details about my work, including projects, contact information, and more.

It is responsive and optimized for performance, accessibility, and SEO.

Features

• Responsive Design: Works across all devices and screen sizes.
• Dynamic Content: All sections are managed by code.
• Optimized Performance: Leveraging Next.js features like server-side rendering (SSR) and static site generation (SSG) for fast load times.
• SEO-Friendly: Integrated with best practices for search engine optimization.
• Dark Mode Support: Toggle between light and dark themes.
• Modern UI: Clean, minimalist design using CSS and Next.js styling features.

Stack

• Framework: Next.js - React-based framework for server-side rendering and static site generation.
• Language: TypeScript - Strict typing to ensure better development and fewer bugs.
• Styling: CSS Modules and Tailwind CSS for a scalable and maintainable design system.
• Hosting: Vercel - A fast, scalable platform for deploying Next.js apps.
• Fonts: Custom Google Fonts with automatic optimization via Next.js.

Getting Started

Installation

To get the project running locally, first clone the repository and install the dependencies:

git clone https://github.com/Adam-Robson/portfolio.git
cd portfolio
npm install
# or
yarn install
# or
pnpm install
# or
bun install

Running Locally

After installing dependencies, you can start the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

Start editing the content by modifying the files under the app/ directory.

The app will automatically update as you make changes.

Deployment

This portfolio is optimized for deployment on Vercel, which supports easy integration with Next.js.

To deploy:

1. Create an account on Vercel.
2. Connect your GitHub repository to Vercel.
3. Choose a project and deploy.

Alternatively, you can deploy manually using this command:

npm run build
# or
yarn build

This creates an optimized production build that can be deployed to any hosting service.

For more detailed instructions, refer to the Next.js deployment documentation.

Contact

To get in touch, feel free to reach out to me through any of the following channels:

• Email: gmail
• LinkedIn: linkedin
• GitHub: github