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

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

Note: Omit the resource flag to generate files for all resource types exposed by the API.

Starting the Project

You can launch the server with

$ yarn dev

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

Screenshots

List
Show