Decentralized Nextjs Frontend with Skynet Checklist

Automate Deployments to Skynet with Github Action

• Clone Nextjs + Chakra-UI template from https://github.com/sozonome/nextchakra-starter
• Add image loader in next.config.js

images: {
    loader: "imgix",
    path: "",
  },

• Add next export in package.json build command

"build": "next build && next export",

• Copy the template to Github Actions https://docs.siasky.net/developer-guides/deploy-github-actions
• Change to static file directory from build to out in the yml file

upload-dir: out

• Create a seed in settings and add a secret with SKYNET_REGISTRY_SEED

Add a Home screen Button

• Copy the code from https://docs.siasky.net/integrations/homescreen/adding-homescreen-support-to-an-app
• Paste the code in README
• Go to Actions, click on last run>build. Inside Deploy to Skynet copy the Token in the line Resolver Skylink: without sia//
• Change [skylink] to the token.
• Commit the changes, Click the button, Login with your phrase and add the app to the homepage

Setup HNS name

• Full Tutorial https://docs.siasky.net/developer-guides/setting-up-a-handshake-name
• Acquire an HNS name https://www.namebase.io/
• In https://www.namebase.io/domain-manager/[Domain Name] Add new record TXT with Resolver Skylink
• After finished syncing. Open [Domain name].hns.siasky.net/