Skip to content

A simple todo app that showcases pagination with AppSync and the Amplify @model directive. Select a user to retrieve their todos sorted by due date.

Notifications You must be signed in to change notification settings

onlybakam/todo-app-pagination

Repository files navigation

Simple Pagination App with AWS AppSync

Simple project to help you get started with pagination using AWS AppSync

See the dev post for more info: Implementing pagination with AWS AppSync

🛠 Built with React, GraphQL, AWS Amplify, & AWS AppSync

Check out a read-only version here: https://pagination.dced4ubmfmz07.amplifyapp.com/

app overview

Deploy directly with Amplify Console

amplifybutton

Deploy backend and run locally with the CLI

  1. Clone the app
git clone https://github.com/onlybakam/todo-app-pagination.git
cd todo-app-pagination
yarn
  1. Initialize the Amplify app
amplify init # follow the prompts
  1. Push to the could
amplify push # follow the prompts
  1. Start the server
yarn start

Pre-populate the app (optional)

Run the "loadTodos" Lambda function to pre-populate 250 todos across 3 default users.

  1. open the amplify console
amplify console # opens the amplify console in your browser
  1. click "View in Lambda" to open up your function in the Lambda console.
  2. Create a new test event using the "hello-world" template. The content of the event is not important.
  3. Click "Test"

About

A simple todo app that showcases pagination with AppSync and the Amplify @model directive. Select a user to retrieve their todos sorted by due date.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published