Spotify Liked Songs Export

Spotify OAuth flow using Remix and GraphQL-as-a-service using StepZen.

• How Portable Is Spotify?: Exporting My Saved Music

  I was disappointed to discover, when I tried to migrate my playlists to Tidal, that the free versions of both recommended transfer apps have 250-song restrictions (and the paid versions are subscription apps, billed annually!)

• A Spotify OAuth flow in Remix: Using CookieSessionStorage

  In the Loader for my /callback, I grab the code from the url and query an access token using the Fetch API. That token is immediately extracted, set as a Cookie using getSession, and persisted server-side using commitSession.

• Designing a Spotify GraphQL schema with StepZen: Paginating results

  This proves immediately useful in the loader for our /tracks route, which uses a while statement to keep track of the returned hasNextPage boolean, until the request is fully depaginated.

• Build A Spotify Connected App: Learn how to build a full stack web app to visualize personalized Spotify data with the help of Node.js, React, Styled Components, and the Spotify Web API.

  Credit mainly to Brittany Chiang, whose recent newline.co course Build a Spotify Connect App (free online at the moment) is a concise masterclass in best practices for REST API client-building. (And whose code and architecture I used as a starting point.)