Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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.

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)