Media Ssg Boilerplate
Next.js + TypeScript + Tailwind + Recoil
Media SSG Boilerplate
This repo is now deprecated.
Moved to Skeet
We made the TypeScript Full stack framework "Skeet" and now maintaining the Media SSG Templates(Skeet Web Template) codes there. We can make APIs, Workers, Apps and Web media with "Skeet"
Skeet - TypeScript Serverless Framework
Aiming to
- Fast Development
- High Performance
- Global Scale
- Maintainable Code
- Strong SEO
Summary
- Next.js (v13) - SSG Framework
- React (v18) - UI Framework
- TypeScript (v4.9) - Type Check
- ESLint - Linter
- Prettier - Formatter
- Husky - Pre Commit
- Recoil - State Management
- Next i18next (v13) - i18n Translation
- Firebase - Hosting & Analytics
- Tailwind - CSS Framework
Quick start
# Node version (using nodenv)
$ node -v
v18.14.1
# Install dependencies
$ yarn install --frozen-lockfile
# Run dev server (localhost:4200)
$ yarn dev
Firebase Hosting
You need to login to Firebase to use Firebase Hosting to publish your media website.
# Install Firebase tools
$ npm i -g firebase-tools
# Login to Firebase to enable `yarn deploy` from local
$ firebase login
# Get FIREBASE_DEPLOY_TOKEN to use CI/CD
$ firebase login:ci
GitHub Actions (CI/CD)
Needs to set Secrets on GitHub to work with GitHub Actions.
BING_API_KEY
FIREBASE_DEPLOY_TOKEN
Also you need the BING_API_KEY for .env to send sitemap when yarn deploy
