Skip to content

Commit

Permalink
nextjs-github-pages config
Browse files Browse the repository at this point in the history
  • Loading branch information
aahei committed Oct 2, 2024
1 parent a2df43f commit 7ec1d4e
Show file tree
Hide file tree
Showing 6 changed files with 133 additions and 14 deletions.
94 changes: 94 additions & 0 deletions .github/workflows/deploy.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
# Sample workflow for building and deploying a Next.js site to GitHub Pages
#
# To get started with Next.js see: https://nextjs.org/docs/getting-started
#
name: Deploy Next.js site to Pages

on:
# Runs on pushes targeting the default branch
push:
branches: ["main"]

# Allows you to run this workflow manually from the Actions tab
workflow_dispatch:

# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
permissions:
contents: read
pages: write
id-token: write

# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
concurrency:
group: "pages"
cancel-in-progress: false

jobs:
# Build job
build:
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v4

- name: Detect package manager
id: detect-package-manager
run: |
if [ -f "${{ github.workspace }}/yarn.lock" ]; then
echo "manager=yarn" >> $GITHUB_OUTPUT
echo "command=install" >> $GITHUB_OUTPUT
echo "runner=yarn" >> $GITHUB_OUTPUT
exit 0
elif [ -f "${{ github.workspace }}/package.json" ]; then
echo "manager=npm" >> $GITHUB_OUTPUT
echo "command=ci" >> $GITHUB_OUTPUT
echo "runner=npx --no-install" >> $GITHUB_OUTPUT
exit 0
else
echo "Unable to determine package manager"
exit 1
fi
- name: Setup Node
uses: actions/setup-node@v4
with:
node-version: "lts/*"
cache: ${{ steps.detect-package-manager.outputs.manager }}

- name: Setup Pages
uses: actions/configure-pages@v4

- name: Restore cache
uses: actions/cache@v4
with:
path: |
.next/cache
# Generate a new cache whenever packages or source files change.
key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
# If source files changed but packages didn't, rebuild from a prior cache.
restore-keys: |
${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-
- name: Install dependencies
run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}

- name: Build with Next.js
run: ${{ steps.detect-package-manager.outputs.runner }} next build

- name: Upload artifact
uses: actions/upload-pages-artifact@v3
with:
path: ./out

# Deployment job
deploy:
environment:
name: github-pages
url: ${{ steps.deployment.outputs.page_url }}
runs-on: ubuntu-latest
needs: build
steps:
- name: Deploy to GitHub Pages
id: deployment
uses: actions/deploy-pages@v4
26 changes: 25 additions & 1 deletion next.config.mjs
Original file line number Diff line number Diff line change
@@ -1,4 +1,28 @@
/** @type {import('next').NextConfig} */
const nextConfig = {};
const nextConfig = {
/**
* Enable static exports for the App Router.
*
* @see https://nextjs.org/docs/app/building-your-application/deploying/static-exports
*/
output: "export",

/**
* Set base path. This is the slug of your GitHub repository.
*
* @see https://nextjs.org/docs/app/api-reference/next-config-js/basePath
*/
basePath: "/nextjs-github-pages",

/**
* Disable server-based image optimization. Next.js does not support
* dynamic features with static exports.
*
* @see https://nextjs.org/docs/app/api-reference/components/image#unoptimized
*/
images: {
unoptimized: true,
},
};

export default nextConfig;
3 changes: 2 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,8 @@
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
"lint": "next lint",
"deploy": "gh-pages -d dist"
},
"dependencies": {
"@radix-ui/react-avatar": "^1.1.1",
Expand Down
Empty file added public/.nojekyll
Empty file.
4 changes: 2 additions & 2 deletions src/components/home-page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ export function HomePage() {
<section className="relative h-[50vh] flex items-center justify-center">
<div className="absolute inset-0 z-0">
<Image
src="/hero2.jpg?height=1080&width=1920"
src="/nextjs-github-pages/hero2.jpg?height=1080&width=1920"
alt="Hero Background"
layout="fill"
objectFit="cover"
Expand Down Expand Up @@ -124,7 +124,7 @@ export function HomePage() {
<div className="flex items-center justify-center">
<MailIcon className="mr-2" />
<Image
src="/email.png"
src="/nextjs-github-pages/email.png"
alt="Email Address"
width={200}
height={30}
Expand Down
20 changes: 10 additions & 10 deletions src/lib/data.ts
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ export const teamMembers: TeamMember[] = [
name: "Wei Fu",
title: "Principal Software Engineer",
company: "Red Hat",
avatarSrc: "/avatars/fuwei.jpg",
avatarSrc: "/nextjs-github-pages/avatars/fuwei.jpg",
links: {
github: {
url: "https://github.com/tekkamanninja/",
Expand All @@ -20,7 +20,7 @@ export const teamMembers: TeamMember[] = [
{
name: "U2FsdGVkX1",
company: "PLCT Lab",
avatarSrc: "/avatars/U2FsdGVkX1.jpg",
avatarSrc: "/nextjs-github-pages/avatars/U2FsdGVkX1.jpg",
links: {
github: {
url: "https://github.com/U2FsdGVkX1",
Expand All @@ -30,7 +30,7 @@ export const teamMembers: TeamMember[] = [
},
{
name: "Guoguo",
avatarSrc: "/avatars/guoguo.ico",
avatarSrc: "/nextjs-github-pages/avatars/guoguo.ico",
company: "PLCT Lab",
links: {
github: {
Expand All @@ -45,7 +45,7 @@ export const teamMembers: TeamMember[] = [
},
{
name: "Ahei",
avatarSrc: "/avatars/ahei.jpg",
avatarSrc: "/nextjs-github-pages/avatars/ahei.jpg",
links: {
github: {
url: "https://github.com/aahei/",
Expand All @@ -55,7 +55,7 @@ export const teamMembers: TeamMember[] = [
},
{
name: "catme0w",
avatarSrc: "/avatars/catme0w.jpg",
avatarSrc: "/nextjs-github-pages/avatars/catme0w.jpg",
company: "PLCT Lab",
links: {
github: {
Expand All @@ -66,7 +66,7 @@ export const teamMembers: TeamMember[] = [
},
{
name: "Tianyi Wei",
avatarSrc: "/avatars/weitianyi.jpg",
avatarSrc: "/nextjs-github-pages/avatars/weitianyi.jpg",
company: "USYD",
links: {
linkedin: {
Expand All @@ -81,25 +81,25 @@ export const websites: Website[] = [
{
name: "images.fedoravforce.com",
description: "Download Fedora images for your RISC-V hardware.",
image: "/images-website-screenshot.png?height=300&width=400",
image: "/nextjs-github-pages/images-website-screenshot.png?height=300&width=400",
link: "https://images.fedoravforce.com/"
},
{
name: "Fedora RISC-V Packaging Stats",
description: "Our progress on Fedora RISC-V packaging.",
image: "/stats-website-screenshot.png?height=300&width=400",
image: "/nextjs-github-pages/stats-website-screenshot.png?height=300&width=400",
link: "https://openkoji.iscas.ac.cn/pub/stats/"
},
{
name: "Our Blog",
description: "Documentation related to Fedora RISC-V.",
image: "/blog-website-screenshot.png?height=300&width=400",
image: "/nextjs-github-pages/blog-website-screenshot.png?height=300&width=400",
link: "https://blog.fedoravforce.com/zh/"
},
{
name: "Upstream Status",
description: "Fedora on RISC-V Upstream Status",
image: "/upstream-screenshot.png?height=300&width=400",
image: "/nextjs-github-pages/upstream-screenshot.png?height=300&width=400",
link: "https://upstream.fedoravforce.com/"
}
]
Expand Down

0 comments on commit 7ec1d4e

Please sign in to comment.