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