After Static!

[nimaa77]

Description

Add SSG to after.js

How to use

in static_export.js file we export two functions.

render is an async function and it will return the html you want to save in html file. after.js has a renderStatic function that will take care about loading the data from static file instead of calling getInitialProps after exporting.

routes is an async function and should return all the pages that you want to statically generate them.

for full documentation and advanced configuration visit: https://razzlejs.org/docs/static-export

// ./src/static_export.js

import { renderStatic } from '@jaredpalmer/after';
import appRoutes from './routes';

const assets = require(process.env.RAZZLE_ASSETS_MANIFEST);
const chunks = require(process.env.RAZZLE_CHUNKS_MANIFEST);

export const render = async (req, res) => {
  const { html, data } = await renderStatic({
    req,
    res,
    routes: appRoutes,
    assets,
    chunks,
  });
  res.json({ html, data });
};

export const routes = () => {
  return ['/', '/about'];
};

build your app by running the build command:

yarn build

and for static export run the export command:

yarn export

you can see the result of this process at build/public directory.

Breaking Changes

nothing. 🎉

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[github-actions]

size-limit report 📦

Path	Size
dist/after.cjs.production.min.js	17.37 KB (0%)
dist/esm/After.esm.js, dist/esm/Document.esm.js, dist/esm/NotFoundComponent.esm.js, dist/esm/asyncComponent.esm.js, dist/esm/ensureReady.esm.js, dist/esm/getAssets.esm.js, dist/esm/index.esm.js, dist/esm/loadInitialProps.esm.js, dist/esm/loadStaticProps.esm.js, dist/esm/render.esm.js, dist/esm/renderApp.esm.js, dist/esm/renderStatic.esm.js, dist/esm/serializeData.esm.js, dist/esm/utils.esm.js	16.61 KB (0%)