Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/adam-robson/catalogue
Portfolio website
https://github.com/adam-robson/catalogue
nextjs13 react tailwind typescript
Last synced: 23 days ago
JSON representation
Portfolio website
- Host: GitHub
- URL: https://github.com/adam-robson/catalogue
- Owner: Adam-Robson
- Created: 2023-10-19T08:55:38.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-07T10:00:08.000Z (25 days ago)
- Last Synced: 2024-12-07T11:16:49.920Z (25 days ago)
- Topics: nextjs13, react, tailwind, typescript
- Language: TypeScript
- Homepage: https://adamrobson.vercel.app
- Size: 142 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://nextjs.org/), a
[React](https://react.dev/) framework.
## Table of Contents
- [Catalog](#catalog)
- [Table of Contents](#table-of-contents)
- [Overview](#overview)
- [Features](#features)
- [Stack](#stack)
- [Getting Started](#getting-started)
- [Installation](#installation)
- [Running Locally](#running-locally)
- [Deployment](#deployment)
- [Contact](#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](https://nextjs.org/) -
[React](https://react.dev/)-based framework for server-side rendering and
static site generation.
- **Language**: [TypeScript](https://www.typescriptlang.org/) - Strict typing
to ensure better development and fewer bugs.
- **Styling**: CSS Modules and [Tailwind CSS](https://tailwindcss.com/) for a
scalable and maintainable design system.
- **Hosting**: [Vercel](https://vercel.com) - A fast, scalable platform for
deploying Next.js apps.
- **Fonts**: Custom [Google Fonts](https://fonts.google.com/) with automatic
optimization via Next.js.
## Getting Started
### Installation
To get the project running locally, first clone the repository and install
the dependencies:
```bash
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:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](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](https://vercel.com/).
2. Connect your GitHub repository to Vercel.
3. Choose a project and deploy.
Alternatively, you can deploy manually using this command:
```bash
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](https://nextjs.org/docs/deployment).
## Contact
To get in touch, feel free to reach out to me through any of the following channels:
- **Email**: [gmail](mailto:[email protected])
- **LinkedIn**: [linkedin](https://www.linkedin.com/in/adamrayrobson)
- **GitHub**: [github](https://github.com/Adam-Robson)