Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ijsto/inextjs-apollo

NextJS Boilerplate Project with Apollo Client and Styled-Components
https://github.com/ijsto/inextjs-apollo

Last synced: 4 days ago
JSON representation

NextJS Boilerplate Project with Apollo Client and Styled-Components

Awesome Lists containing this project

README

        

# iNextJS-Apollo

[![github follow](https://img.shields.io/github/followers/ijsto?color=%23ff665a&label=Follow%20iJS.to&logo=github&style=for-the-badge)](https://github.com/ijsto)
[![ijs](https://img.shields.io/badge/learn%20code-black?&message=Courses&style=for-the-badge&label=ijs.to&colorA=FF6666&colorB=776677)](https://ijs.to)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)
[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e&style=for-the-badge)](https://github.com/styled-components/styled-components)

#### NextJS + Apollo Client (GraphQL) + Styled-Components boilerplate/starter project

This project is a starter pack for a NextJS with Apollo Client and Styled-Components setup.

#### Featuring:

- sample static page
- sample dynamic page
- custom babel config file
- custom \_document.js and \_app.js files (to support Styled-Components and init Apollo Client)

## Get Started (4 minutes)

1. Clone the the [starter repo](https://github.com/ijsto/inextjs-apollo)

```

git clone [email protected]:ijsto/inextjs-apollo.git

```

2. Enter the directory

```

cd inextjs-apollo

```

3. Install project dependencies

```

npm install` or `npm i

```

To run the project locally:

`npm run dev`

Starter project is live at: http://localhost:3000

### The starter is now ready - have fun!

## Notes

Comes with some sample components.
Offers a couple of suggestions on how to organise them.

If unwanted, simply remove or edit to your liking and **most importantly** – have fun with it!

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

## License

[MIT](https://choosealicense.com/licenses/mit/)

[iJS.to](https://ijs.to)