NextJS on Netlify: Server-Side Rendering Made Easy

This is a demo of a NextJS application with Server-Side Rendering (SSR).
It is hosted on Netlify.
Server-side rendering is handled by Netlify Functions.
Minimal configuration is required.
Everything is handled by the next-on-netlify npm package.

Examples

getInitialProps

• basic page
• with dynamic routing
• with catch-all routing

getServerSideProps

• basic page
• with dynamic routing
• with catch-all routing

getStaticProps

• basic page
• with dynamic routing
• with catch-all routing
• with fallback: true

API Routes

• basic endpoint
• dynamic endpoint
• catch-all endpoint
• with redirect header
• with content-type XML
• with image response (code)

Preview Mode

• enter preview mode
• page with preview mode
• exit preview mode

Want to Learn More?

Check out this demo's source code on GitHub.
Or check out the next-on-netlify npm package.