Transfer from Tina to github pages, just single page webstation. Build Decentralized Infra for Community!
This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
This project is configured to use local builds for GitHub Pages deployment, which makes the deployment process faster.
- Make your changes to the website
- Run the build-and-push script to build locally and push to GitHub:
# Make the script executable (first time only)
chmod +x build-and-push.sh
# Run the script
./build-and-push.sh
-
The script will:
- Build the Next.js site locally
- Add the generated
out
directory to git - Check for changes in GitHub Actions workflow files
- Commit and push the changes
- GitHub Actions will then automatically deploy the pre-built files to GitHub Pages
-
Important: If you've modified the GitHub Actions workflow files, you need to commit those separately:
# From the project root, not the website subdirectory
cd ..
git add .github/workflows/nextjs.yml
git commit -m "Update GitHub workflow file"
git push
If you prefer to do it manually:
# Build the site
pnpm build
# Add the generated files
git add out/
git add .
# Commit
git commit -m "Update website"
# Push to GitHub
git push
# If you've modified GitHub Actions workflow files
cd ..
git add .github/workflows/
git commit -m "Update GitHub workflow files"
git push
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.