Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dustinsgoodman/next-playground
https://github.com/dustinsgoodman/next-playground
Last synced: 18 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/dustinsgoodman/next-playground
- Owner: dustinsgoodman
- Created: 2020-12-12T17:25:19.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2020-12-13T05:58:45.000Z (almost 4 years ago)
- Last Synced: 2024-10-15T06:52:24.801Z (about 1 month ago)
- Language: JavaScript
- Homepage: next-playground-git-main.dustinsgoodman.vercel.app
- Size: 561 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NextJS Playground
This is an app where I experiment with NextJS features and try out new tech in my stack.
## Getting Started
1. Clone the repo
2. Run `yarn` to install deps
3. Run `yarn dev` to start the dev server
4. Navigate to `localhost:3000` in your browser to see the functioning app## Guiding Principles
This is a React application using Next.JS.Components are built trying to follow [Atomic Design](https://bradfrost.com/blog/post/atomic-web-design/) principles. This is encouraged through the use of [Styled-Components](https://styled-components.com/).
Unit testing is required and browser testing is highly encouraged. Jest is used as the testing framework.
Apollo Client for GraphQL is the primary client for API interaction. The react hooks provided by the client are the preferred mode of integration.
## Storybook
```
yarn storybook
```Should open a new browser window pointed at `localhost6006`.
## Testing
Project should always maintain 100% coverage.```
# To run all tests:
yarn test# To run only unit tests:
yarn test:unit# To run only browser tests:
yarn test:browser
```