simbld

Next.js client-only SPA example

Made this example to show how to use Next.js router for a 100% SPA (no JS server) app.

You use Next.js router like normally, but don't define getStaticProps and such. Instead you do client-only fetching with swr, react-query, or similar methods.

You can generate HTML fallback for the page if there's something meaningful to show before you "know" the params. (Remember, HTML is static, so it can't respond to dynamic query. But it can be different per route.)

Don't like Next? Here's how to do the same in Gatsby.

simbld

class Senpai {

	public static void main(String[] args) {
		System.out.println("Notice me Senpai");
	}
}

// Notice me Senpai

simbld

package com.wildcodeschool;

public class Movies {

	public static void main(String[] args) {
		String[] movieTitles = {
			"Indiana Jones and the Kingdom of the Crystal Skull", "Indiana Jones and the Last Crusade", "Indiana Jones et le Temple maudit"};
		String[][] movieActors = {
				{"Harrison Ford", "Karen Allen", "Paul Freeman"},
				{"Harrison Ford", "Kate Capshaw", "Amrish Puri"},

simbld

import assert from 'assert';

class BankCustomer {
    constructor(name, pin) {
        this.name = name;
        this.pin = pin;
    }
    getName() {
        return this.name;
    }