Next.js Personal Website Template

This is a personal website template built with Next.js. Next.js is a React framework that enables functionality such as server-side rendering and generating static websites for React-based web applications.

This template serves as a starting point for developers seeking to create their own online portfolio or personal website. The site is flexible, customizable and straightforward to deploy. There are TODO's in some places to get you started.

Tech Stack

This website template is built with:

• Next.js (React Framework)
• HTML/CSS
• JavaScript
• TypeScript

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development purposes.

1. Clone the repo: git clone https://github.com/your-github-username/next-website-template.git

2. Navigate into the project directory: cd next-website-template

3. Install the dependencies: npm install --or- yarn install

4. Run the development server: npm run dev --or-- yarn dev

Open http://localhost:3000/hello with your browser to see the result. As you make edits to the project, the page will auto-update. When you are ready to deploy, remove 'hello' from next.config.js.

Deploying to GitHub Pages

Deploying this website to GitHub Pages requires a few additional steps:

1. Build the project: npm run build --or-- yarn build

2. Deploy the project to GitHub Pages: npm run deploy --or-- yarn deploy

3. Update the CNAME file with your domain name.

Configuring Domain with Google Domains

To configure a custom domain from Google Domains with your GitHub Pages:

1. Go to your Google Domains account.
2. Click the domain name you want to use for your GitHub Pages.
3. Scroll down to the "Custom resource records" section.
4. In the first row, leave the "@" in the name.
5. Select "CNAME" from the dropdown.
6. In the "Domain name" section, put your <username>.github.io.
7. Save the changes and it should be good to go.

Contributions

Contributions are very much welcome. Feel free to fork, modify, and submit pull requests. If you find bugs, please open an issue or submit a pull request with a fix.

Contact

For any questions or feedback, please reach out to the project owner or open an issue on GitHub. Happy coding!

Acknowledgments

Thanks to Next.js and the Open Source Community for making this possible.