antonyoneill/next-js-todo-ssr

Slowly showcasing Next JS SSR for progressively enhanced experiences. Focused on providing a native HTML5 experience out of the box, including form submission, etc.

This is a Next.js project bootstrapped with create-next-app.

The purpose of this app is to showcase an opinionated way to handle SSR form requests with zero frontend JS.

Following the GDS best practise around progressive enhancement¹, and minimising the JS required to render an effective page.

This is inspired by a recent blog post² I read about citizens using old devices which lack the ability to run JS, or render complex stylesheets.

Development

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Footnotes

1. Using Progressive Enhancement - GDS Service Manual ↩

2. The unreasonable effectiveness of simple HTML - Terence Eden ↩