This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js
. The page auto-updates as you edit the file.
This project uses @fontsource to install Google Fonts as NPM packages in order to avoid penalties in Google Lighthouse. To browse the fonts you can go here, or you can checkout the @fontsource on Github.
After you have installed your preffered font you can import it to _app.js
:
import '@fontsource/poppins/500.css'
import '@fontsource/poppins/700.css'
For easier usage you can use the green Use this template button, but below are the manual commands:
# Here we clone the project and give it a new folder name
git clone https://github.com/lucky-media/nextstarter new_project_name
# Remove the git history folder
rm -rf .git
# Initiate git again
git init
git add .
git commit -m "Initial Commit"
# Please change this url to the correct one for your project
git remote add origin https://github.com/lucky-media/new_project_name
git push -u origin main
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!