# Accept payments with Square using Next.js App Router

DevFeed: [Accept payments with Square using Next.js App Router](<https://devfeed.tech/articles/accept-payments-with-square-using-next-js-app-router-15485.md>)

Original publisher: [Read original article](<https://developer.squareup.com/blog/accept-payments-with-square-using-next-js-app-router>)

Author: Anthony Giuliano

Published: 2024-01-25T17:00:00Z

Content type: tutorial

Language: en

Sources: [Square Corner Blog RSS Feed](<https://devfeed.tech/sources/square-corner-blog-rss-feed.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [App](<https://devfeed.tech/topics/app.md>), [React](<https://devfeed.tech/topics/react.md>), [API](<https://devfeed.tech/topics/api.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [apis](<https://devfeed.tech/tags/apis.md>), [build](<https://devfeed.tech/tags/build.md>), [callback](<https://devfeed.tech/tags/callback.md>), [code](<https://devfeed.tech/tags/code.md>), [component](<https://devfeed.tech/tags/component.md>), [components](<https://devfeed.tech/tags/components.md>), [flow](<https://devfeed.tech/tags/flow.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [payments](<https://devfeed.tech/tags/payments.md>), [router](<https://devfeed.tech/tags/router.md>), [token](<https://devfeed.tech/tags/token.md>)

## AI overview

A how-to guide for building an end-to-end Square payment flow in a Next.js application using the App Router and Server Actions. It covers configuring payment-form components, generating a payment token, and processing that token on the server side.

## Source excerpt

Build an end-to-end payment flow with Next.js Server Actions