Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/saimirkapaj/gatsby-markdown-typescript-personal-website

Gatsby Personal/Resume Website
https://github.com/saimirkapaj/gatsby-markdown-typescript-personal-website

framer-motion gatsby gatsby-starter markdown styled-components tailwindcss typescript

Last synced: about 23 hours ago
JSON representation

Gatsby Personal/Resume Website

Awesome Lists containing this project

README

        

# Gatsby Markdown Typescript Personal Website

This is a personal website / blog using [Gatsby](https://www.gatsbyjs.org/), [Markdown](https://www.markdownguide.org/), [Typescript](https://www.typescriptlang.org/), [Styled Components](https://styled-components.com/), [Talwind CSS](https://tailwindcss.com/), [Framer Motion](https://www.framer.com/motion/) & [React Font Awesome](https://github.com/FortAwesome/react-fontawesome/).

## Demo

[Gatsby Markdown Typescript Personal Website](https://gatsby-markdown-typescript-personal-website.netlify.app/)

## Quick start

1. **Create a Gatsby site.**

Use the Gatsby CLI to create a new site, using the Gatsby Markdown Typescript Personal Website Starter.

```shell
gatsby new my-site-name https://github.com/SaimirKapaj/gatsby-markdown-typescript-personal-website
```

2. **Develop**

Navigate into your new site’s directory and start the development environment.

```shell
gatsby develop
```

Your site is now running at `http://localhost:8000`

3. **Build**

Get an optimized production build for your site generating static HTML and JavaScript, CSS bundles.

```shell
gatsby build
```

4. **Serve**

Starts a local server for testing your production site.

```shell
gatsby serve
```

Your production site is now running at `http://localhost:9000`

## Deploy

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/SaimirKapaj/gatsby-markdown-typescript-personal-website)

[![Deploy with ZEIT Now](https://zeit.co/button)](https://zeit.co/import/project?template=https://github.com/SaimirKapaj/gatsby-markdown-typescript-personal-website)