https://github.com/arjayosma/osmagfx

Portfolio website by Arnel Osma
https://github.com/arjayosma/osmagfx

Last synced: 28 days ago
JSON representation

Portfolio website by Arnel Osma

• Host: GitHub
• URL: https://github.com/arjayosma/osmagfx
• Owner: arjayosma
• Created: 2021-05-11T03:32:08.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-05-11T03:33:22.000Z (over 3 years ago)
• Last Synced: 2024-04-14T04:20:50.739Z (7 months ago)
• Language: JavaScript
• Size: 309 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

        
# [GatsbyJS Tailwind Starter](https://gatsbyjs-starter-tailwindplay.appseed.us/)

TailwindPlay - a simple landing page styled with [Tailwind CSS](https://tailwindcss.com/) and generated by [GatsbyJS](https://www.gatsbyjs.org/)




![Gatsby Tailwind Starter - Gif animated intro.](https://raw.githubusercontent.com/app-generator/static/master/products/gatsbyjs-starter-tailwindplay-intro.gif)




## What is Tailwind?

>"Tailwind is a utility-first CSS framework for rapidly building custom user interfaces."

–[Tailwind](https://tailwindcss.com)




## What is Gatsby?

>"Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps." -[Gatsby](https://www.gatsbyjs.org/)




## Get started

Install Gatsby CLI:

```sh

npm i --global gatsby-cli

```

Create new Gatsby project using this starter:

```sh

gatsby new my-new-website https://github.com/app-generator/gatsbyjs-starter-tailwindplay

```

Build stylesheet from Tailwind config and run the project in development mode:

```sh

cd my-new-website

npm run develop

```




## Format and lint

* `npm run analyze` - See what ESLint and Prettier can fix

* `npm run fix` - Run Prettier and ESLint with the `--fix` option




## Build your site

Use `npm run build` to build your site for production.




## Deploy

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/app-generator/gatsbyjs-starter-tailwindplay)




## Resources

* [Gatsby documentation](https://www.gatsbyjs.org/docs/)

* [Tailwind documentation](https://tailwindcss.com/docs/what-is-tailwind/)

* [Prettier documentation](https://prettier.io/docs/en/index.html)

* [ESLint documentation](https://eslint.org/docs/user-guide/configuring)




## Credits

* [The original starter](https://github.com/Oddstronaut/gatsby-starter-tailwind)

* [The design](https://www.tailwindtoolbox.com/templates/landing-page)

* Images - [undraw.co](https://undraw.co/)




## Support

For issues and features request, use **Github** or access the [support page](https://appseed.us/support) provided by **AppSeed** 




---

[GatsbyJS Tailwind Starter](https://gatsbyjs-starter-tailwindplay.appseed.us/) provided by **AppSeed**