DEV Community

Shriji
Shriji

Posted on

2

Trello + Sapper JAMstack (Part 2)

Important API endpoints

List of sanity checks (I have done your homework 😉) and API endpoints that help you get the cards and list.

  • https://api.trello.com/1/boards/{boardID}?key={yourKey}&token={yourToken}
  • https://api.trello.com/1/boards/{boardID}/lists?key={key}&token={token}
  • https://api.trello.com/1/lists/{cardID}/cards?key={key}&token={token}

We need to hit 3 endpoints sequentially to get all the items in the cards. /1/boards/{boardID} {boardID} is your part of the URL on your Trello board they have some confusing API keywords this will give you boardID for query the list for the next step

Step1

Step 1: boardID is the URL part 🤷

Make use of the id from the first endpoint in the 1/boards/{boardID}/lists and this will return cards on the board if done right.

Step2

Step 2: Copy id for Posts

Having copied the id proceed to obtain the items in the card

Alt Text

Step 3: Success!

The 3rd endpoint will be used for the Sapper app and generate blog posts, have the last endpoint somewhere safe.

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

nextjs tutorial video

📺 Youtube Tutorial Series

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay