https://github.com/dbroadhurst/metolio

Metolio is a quick and easy way to build your own website to share your contact details, resume, portfolio, and blog.
https://github.com/dbroadhurst/metolio

blog contact nextjs portfolio react seo vercel

Last synced: 5 days ago
JSON representation

Metolio is a quick and easy way to build your own website to share your contact details, resume, portfolio, and blog.

• Host: GitHub
• URL: https://github.com/dbroadhurst/metolio
• Owner: dbroadhurst
• License: mit
• Created: 2021-06-02T13:30:01.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-03-06T03:22:21.000Z (over 1 year ago)
• Last Synced: 2023-03-07T16:12:47.128Z (over 1 year ago)
• Topics: blog, contact, nextjs, portfolio, react, seo, vercel
• Language: CSS
• Homepage: metolio-github.vercel.app
• Size: 7.8 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Metolio

![Logo](public/screenshot.png)

Images from [Unsplash](https://unsplash.com/)

Metolio is a quick and easy way to build your own website to share your contact details, resume, portfolio, and blog. The nextjs framework is used to statically generate each page so its lightning fast and SEO searchable.

Want to see Metolio in action? [Demo Site](https://metolio-github.vercel.app/)

## Key Features

- Easy to modify

- Fully SEO Compliant

- Open graph metadata generator

- Lightning fast page load

- Static website build

- Extensive markdown support

## Core Tech stack

- [React](https://reactjs.org/) - A JavaScript library for building user interfaces

- [PrimeReact](https://www.primefaces.org/primereact/) - The ultimate collection of design-agnostic, flexible and accessible React UI Components.

- [Next.js](https://nextjs.org/) - The React Framework for Production

- [Typescript](https://www.typescriptlang.org/) - TypeScript is a language for application-scale JavaScript

## Getting Started

First, run the development server:

```bash

npm run dev

# or

yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

Open data/bio.ts to update the placeholder details to your information

## Deploy

Once updated you can generate a static version of the website for easy deployment.

```bash

npm run build

```

Copy the /out folder to your http server. I recommend [Vercel](https://vercel.com/) or [AWS S3](https://aws.amazon.com/s3/) for simple and reliable hosting but any static hosting provider will work