API Platform Con 2021: join us in Lille (France) or online on September 10 for our 1st international conference.
API Platform Con 2021: join us in Lille (France) or online on September 10 for our 1st international conference.
API Platform Con 2021: join us in Lille (France) or online on September 10 for our 1st international conference.

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