Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/murrayjbrown/nextjs-react-hooks-example
An example Next.js project using React Hooks w/ Markdown, Bulma Sass styling; and AVA, Jest, and Cypress for testing.
https://github.com/murrayjbrown/nextjs-react-hooks-example
async-await ava axios bulma cypress immer javascript jest markdown nextjs nodejs react-hooks sass
Last synced: 3 months ago
JSON representation
An example Next.js project using React Hooks w/ Markdown, Bulma Sass styling; and AVA, Jest, and Cypress for testing.
- Host: GitHub
- URL: https://github.com/murrayjbrown/nextjs-react-hooks-example
- Owner: murrayjbrown
- License: mit
- Created: 2019-07-20T19:57:02.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-06-23T09:09:57.000Z (over 2 years ago)
- Last Synced: 2024-06-17T13:33:34.866Z (5 months ago)
- Topics: async-await, ava, axios, bulma, cypress, immer, javascript, jest, markdown, nextjs, nodejs, react-hooks, sass
- Language: JavaScript
- Homepage: https://gitlab.com/mjbrown/nextjs-react-hooks-example
- Size: 1.34 MB
- Stars: 17
- Watchers: 1
- Forks: 3
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Example Next.js Application using React Hooks
This is an experimental project for honing skills with various technologies of the Node.js front-end ecosystem, notably:
- Next.js React framework
- React Hooks
- JSX styling w/ Bulma Sass
- Markdown
- Immer for state immutability
- axios http w/ async/wait
- ARIA tags for accessibilty & testing
- AVA and Jest for unit testing
- Cypress for integration and end-to-end testing## Installation
```bash
git clone https://gitlab.com/mjbrown/nextjs-react-hooks-example.git
cd nextjs-react-hooks-example
npm install
```## Basic Operation
### Commands
```bash
npm run build
npm run start
npm run stop
```# Usage
Once started, the application can be accessed via a web browser at the location `http://localhost:3030`.
## Documentation
For more information, see the application [Home](./public/index.md) page.
# License
[MIT](./LICENSE)