kekl-hunt

Gitpod.io

The easiest way to get set up with development is to open the project on gitpod.io. It lets you edit and run the code for free and you don't have to install anything! It's all in the browser.

Setup

Install the Tailwind Intellisense VS Code plugin.

Then, in VS Code, type ctrl-shift-p, type in settings.json, go to Open Settings (JSON), and add these values to the json:

"tailwindCSS.includeLanguages": {
    "html": "html",
    "javascript": "javascript",
    "css": "css"
},
"editor.quickSuggestions": {
    "strings": true
}

Static export example

This example show how to export to static HTML files your Next.js application fetching data from an API to generate a dynamic list of pages.

When trying to run npm start it will build and export your pages into the out folder and serve them on localhost:5000.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-static-export with-static-export-app
# or
yarn create next-app --example with-static-export with-static-export-app
# or
pnpm create next-app --example with-static-export with-static-export-app