https://github.com/jglchen/nextjs-projects
A Brief Introduction of John Chen, a full-stack software developer. This site illustrates the side projects of John Chen for publicity to show up his technical capabilities and interests.
https://github.com/jglchen/nextjs-projects
docker nextjs nodejs typescript
Last synced: 2 months ago
JSON representation
A Brief Introduction of John Chen, a full-stack software developer. This site illustrates the side projects of John Chen for publicity to show up his technical capabilities and interests.
- Host: GitHub
- URL: https://github.com/jglchen/nextjs-projects
- Owner: jglchen
- Created: 2023-02-06T11:21:18.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-23T09:24:13.000Z (about 3 years ago)
- Last Synced: 2025-08-14T05:37:14.715Z (10 months ago)
- Topics: docker, nextjs, nodejs, typescript
- Language: TypeScript
- Homepage: https://nextjs-projects-wheat.vercel.app/
- Size: 10.4 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Build Applications from Website to Mobile - A Sample Server-Rendered Website with Node.js
This is a **[next.js](https://nextjs.org/)** framework site as a sample server-rendered illustration.
Next.js has two forms of pre-rendering: **Static Generation** and **Server-side Rendering**. For demonstration purposes, in this site we predominantly employ Static Generation to pre-render pages.
Therefore **getStaticProps** are employed to fetch the data into pages, **getStaticPaths** are used to generate pages with dynamic routes. This site illustrates **John Chen's** side projects for publicity to show up his technical capabilities and interests.
**iOS** and **Android** mobile apps are also delivered. The apps are developed with **React Native**, anyone who is interested can test the apps through the [Expo Publish Link](https://expo.dev/@jglchen/nextjs-projects) with [Expo Go](https://expo.dev/client) app.
### [View the Site](https://nextjs-projects-wheat.vercel.app/)
### [App GitHub](https://github.com/jglchen/nextjs-projects)
### Docker: docker run -p 3000:3000 jglchen/nextjs-projects
### [React Native Expo Publish](https://expo.dev/@jglchen/nextjs-projects)
### [React Native GitHub](https://github.com/jglchen/react-native-nextjs-projects)