This is the code for the front end of the website chrissilich.com. I rebuilt it and wrote blog posts going through, step by step, how I did it. The blog posts can be found here.
The back end is WordPress as a Headless CMS using the built in REST/JSON API, and the front end is a React / NextJS app (using the new App Router). Also included: SCSS, Typescript, GSAP, Bootstrap.
The main branch has moved far beyond the blog posts in order to make the site exactly the way I want it. If you want to see the code that results from the instructions if you followed the blog posts, it's in this branch: https://github.com/chrissilich/chrissilich.com-react-next/tree/simple-version-for-blog-posts.
Everything beyond this point is the NextJS boilerplate Readme
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm devOpen 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 Inter, a custom Google Font.
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!
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.