Lives at https://jddunn.github.io/
SEO-ready portfolio and blog page with a Alice in Wonderland-inspired interactive fiction game on the homepage powered by my text-rpg-engine JS library. Uses GraphQL and GitHub API to build open-source page. All the data fetching from the API and from local markdown files (for the blog and project posts) is done at build time with getStaticProps
, allowing for static exports so the site can live on a static server like GitHub Pages while allowing for SEO. Blog and project posts are written in Markdown and stored in the repository under /_posts
. Also uses three.js for an interactive sketch.
Google Analytics functionality is included. Modify the ./lib/constants.ts
file to edit the API token for GitHub's API and the Google Analytics ID, which currently default to a blank string or environment variables GOOGLE_ANALYTICS_ID
and GITHUB_API_TOKEN
.
- TypeScript
- Next.js
- React
- Sass
- GraphQL
- Tailwind CSS
- Next SEO
- next-sitemap
- Three.js
- Framer
- Showdown
- text-rpg-engine
# Install dependencies
$ npm install
# Serve at port 3000
$ npm run dev
# Build
$ npm run build
# Build / export, exported files outputted to /out dir
$ npm run export