https://github.com/arthur199212/nextjs-posts-app

Technologies: Node, Express, MongoDB, Apollo GraphQL, Redis, Next.js, React, Material-UI, TypeScript, Docker.
https://github.com/arthur199212/nextjs-posts-app

apollo-graphql docker-compose express formik material-ui momentjs mongodb nextjs node react redis redux-thunk typescript

Last synced: about 2 months ago
JSON representation

Technologies: Node, Express, MongoDB, Apollo GraphQL, Redis, Next.js, React, Material-UI, TypeScript, Docker.

• Host: GitHub
• URL: https://github.com/arthur199212/nextjs-posts-app
• Owner: Arthur199212
• Created: 2020-01-17T16:29:27.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T05:34:28.000Z (over 2 years ago)
• Last Synced: 2025-07-29T02:18:18.982Z (2 months ago)
• Topics: apollo-graphql, docker-compose, express, formik, material-ui, momentjs, mongodb, nextjs, node, react, redis, redux-thunk, typescript
• Language: TypeScript
• Homepage:
• Size: 6.99 MB
• Stars: 9
• Watchers: 1
• Forks: 1
• Open Issues: 39
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# nextjs-app

### MVP

- [x] Can register

- [x] Can login

- [x] Can logout

- [x] Can view/create/update/delete posts

- [ ] Can bookmark posts

```sh

# Register

curl -v -X POST localhost:4000/register -H "Content-Type:application/json" -d "{\"name\":\"Arthur\",\"email\":\"arthur@gmail.com\",\"password\":\"Secret12\",\"passwordConfirmation\":\"Secret12\"}"

# Login

curl -v -X POST localhost:4000/login -H "Content-Type:application/json" -d "{\"email\":\"arthur@gmail.com\",\"password\":\"Secret12\"}"

# Logout

curl -v -X POST localhost:4000/logout --cookie "sid=s%3A8vDQNisgzetBC_GGcGjg5TG0mhFHw3XF.esGhOENn%2FjQCiaoIhxKEJHuhbFBAjdZEApsoZvrfh2s"

```

```sh

docker exec -it nextjs-app_db_1 mongo -u admin -p secret auth

```

## Technologies

### Back-End

- Node + Express

- GraphQL + Apollo Server

- express-session + Redis

- MongoDB + Mongoose

### Front-End

- Next.js + React 16.8+

- Redux

- TypeScript

- Apollo Client

- Material-UI

### DevOps

- Docker

## Screenshots

### Blog

![main_page_1](https://raw.githubusercontent.com/Arthur199212/nextjs-posts-app/master/images/01.PNG)

![main_page_2](https://raw.githubusercontent.com/Arthur199212/nextjs-posts-app/master/images/02.PNG)

### Pagination

![main_page_3](https://raw.githubusercontent.com/Arthur199212/nextjs-posts-app/master/images/03.PNG)

### Form validation

![register_page_1](https://raw.githubusercontent.com/Arthur199212/nextjs-posts-app/master/images/04.PNG)

![register_page_2](https://raw.githubusercontent.com/Arthur199212/nextjs-posts-app/master/images/05.PNG)

### Notification

![notification_1](https://raw.githubusercontent.com/Arthur199212/nextjs-posts-app/master/images/06.PNG)

### Post page

![post_page_1](https://raw.githubusercontent.com/Arthur199212/nextjs-posts-app/master/images/07.PNG)

### Responsive

![responsive_1](https://raw.githubusercontent.com/Arthur199212/nextjs-posts-app/master/images/08.PNG)

![responsive_2](https://raw.githubusercontent.com/Arthur199212/nextjs-posts-app/master/images/09.PNG)

![responsive_3](https://raw.githubusercontent.com/Arthur199212/nextjs-posts-app/master/images/10.PNG)