Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chaqchase/portfolio

The 4th edition of my personal website made with Typescript and Nextjs
https://github.com/chaqchase/portfolio

mdx nextjs portfolio tailwindcss typescript

Last synced: 5 days ago
JSON representation

The 4th edition of my personal website made with Typescript and Nextjs

Awesome Lists containing this project

README

        

# My Personal Website

This is my personal website built with [Next.js](https://nextjs.org/), [TypeScript](https://www.typescriptlang.org/), [Tailwind CSS](https://tailwindcss.com/) for styling and [MDX](https://mdxjs.com/) for the content and deployed on [Vercel](https://vercel.com/).

## Project Structure

This project is split into the following sections:

* [Components](#components)
* [Pages](#pages)
* [Data](#data)
* [Layouts](#layouts)
* [Posts](#posts)
* [Assets](#assets)
* [Styles](#styles)
* [Scripts](#scripts)

## Libraries

This project includes the following libraries:

* [Next.js](https://nextjs.org/)
* [TypeScript](https://www.typescriptlang.org/)
* [Tailwind CSS](https://tailwindcss.com/)
* [MDX](https://mdxjs.com/)
* [Framer Motion](https://framer.com/motion/)
* [next-mdx-remote]()

## Usage

First clone the repository:

```bash
git clone https://github.com/triyanox/portfolio.git
```

Then install the dependencies:

```bash
yarn
```

Then run the development server:

````bash
yarn dev

````

Then head over to the [localhost:3000](http://localhost:3000) URL to see the site.

## Disclaimer

You can use this project for educational purposes only.