Api Platform conference
Register now
v2.6 Next.js Generator
API Platform Conference
September 19-20, 2024 | Lille & online

The international conference on the API Platform Framework

API Platform Conference 2024: meet the best PHP, JavaScript and API experts

Learn more about the event, register for the conference, and get ready for two days of inspiration, ideas, and knowledge-sharing with our incredible lineup of renowned specialists and advocates.

Register now

# Next.js Generator

List screenshot

The Next.js Client Generator generates components for Server Side Rendered applications using Next.js

# Install

# Next + Express Server

Create a Next.js application with express server. The easiest way is to execute:

$ npx create-next-app your-app-name
# or
$ yarn create next-app your-app-name

# Installing the Generator Dependencies

Enable TypeScript in your next project

yarn add --dev typescript @types/react @types/node

Install required dependencies:

yarn add lodash.get lodash.has @types/lodash isomorphic-unfetch formik

# Generating Routes

$ npx @api-platform/client-generator https://demo.api-platform.com . --generator next --resource book
# Replace the URL by the entrypoint of your Hydra-enabled API
# Omit the resource flag to generate files for all resource types exposed by the API.

Note: On the API Platform distribution, you can run generate-api-platform-client instead of npx @api-platform/client-generator.

# Starting the Project

You can launch the server with

yarn dev

Go to http://localhost:3000/books/ to start using your app.

# Screenshots

List Show

You can also help us improve the documentation of this page.

Made with love by

Les-Tilleuls.coop can help you design and develop your APIs and web projects, and train your teams in API Platform, Symfony, Next.js, Kubernetes and a wide range of other technologies.

Learn more

Copyright © 2023 Kévin Dunglas

Sponsored by Les-Tilleuls.coop