Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/rririanto/rahmatramadhan.com

My personal website using gatsby.js & sanity.io
https://github.com/rririanto/rahmatramadhan.com

gatsby gatsby-blog gatsbyjs javascript portfolio-site portfolio-website reactjs sanity-io

Last synced: about 1 month ago
JSON representation

My personal website using gatsby.js & sanity.io

Awesome Lists containing this project

README

        

## This website built with [Gatsby](https://www.gatsbyjs.org/) site generation & [Sanity.io](https://www.sanity.io) CMS API

[![Netlify Status](https://api.netlify.com/api/v1/badges/044240f2-ee5e-4b25-b59a-6acff2c2fac6/deploy-status)](https://app.netlify.com/sites/rahmatramadhan/deploys)

### Installation

```sh
git clone https://github.com/jimmyromanticdevil/rahmatramadhan.com
cd rahmatramadhan.com
npm install

# Install or upgrade the Sanity CLI to
# make sure you are on v0.140.0 or higher
npm install -g @sanity/cli
# Set up Sanity,io account and project (≈ 45s)
npm run init

```

### Development setup

### Run it

```sh
npm start
# Studio at http://localhost:3000
# Web frontend at http://localhost:8000
# GraphiQL explorer at http://localhost:8000/___graphql
```

### Deployment

```sh
# Deploy a GraphQL API and schema to Sanity
npm run graphql-deploy

# Deploy the Sanity Studio to *.sanity.studio
npm run sanity-deploy

# Build & deploy to Zeit's Now
npm run now-deploy
```

### Learn more

[![Watch a video about the company website built with Gatsby using Sanity.io as a headless CMS](https://cdn.sanity.io/images/3do82whm/production/4f652e6d114e7010aa633b81cbcb97c335980fc8-1920x1080.png?w=500)](https://www.youtube.com/watch?v=STtpXBvJmDA)

Read the [step-by-step blog post](https://www.sanity.io/blog/how-to-quickly-set-up-a-gatsby-js-jamstack-website-with-a-headless-cms).

See the [getting started video](https://www.youtube.com/watch?v=qU4lFYp3KiQ) for a walkthrough of the installation.

[See the example up and running](https://www.youtube.com/watch?v=STtpXBvJmDA)

Read more [the blog post](https://www.sanity.io/blog/get-started-with-gatsby-and-structured-content) and [see the getting started video](https://www.youtube.com/watch?v=qU4lFYp3KiQ).

[Read more about sanity.io schemas here](https://www.sanity.io/docs/content-studio/the-schema).

[you can read all about gatsby.js here](https://www.gatsbyjs.org/tutorial/).

### License

MIT