@garyblackwood/next-starter
Advanced tools
This is a Next.js project bootstrapped with create-next-app.
After bootstrapping, the following was added:
.env.{development,production} to set environment variables..scss files.claclassnames library to conditionally join className values.commitlint to enforce conventional commit messages.husky and lint-staged to automatically trigger linting before commits.404 and 500 error pages.next-pwa.First, clone and install the dependencies:
npx @garyblackwood/next-starter my-app
cd my-app
npm run install
Next, run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.
To start the CMS server:
npm run cms-server
To perform static analysis:
npm run lint
To run tests:
npm test
To build for production:
npm run build
Run through this checklist to customise the application for your needs:
name, description, homepage, repository, keywords and bugs fields in package.json.<Head> component in components/layout.tsx.lib/config.ts.name, short_name, theme_color and background_color in public/site.webmanifest.public/favicon.ico and public/icon.png etc..env.{development,production}.package.json e.g. gray-matter, remark, remark-html, date-fnspackage.json and LICENSE if needed.public/admin/config.yml.| Directory | Description |
|---|---|
| __tests__ | The Jest unit tests. |
| .devcontainer | The development docker container configuration. |
| .husky | The git hooks scripts. |
| components | The app's reusable components. |
| lib | The app's service-like code. |
| package | Contains the package installation script. |
| pages | The app's page components. |
| posts | The markdown files for each example blog post. |
| public | Services static content from the root /. |
| styles | The app's CSS. |
To learn more about Next.js, take a look at the following resources:
FAQs
A starter template for Next.js web applications.
We found that @garyblackwood/next-starter demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Company News
Socket is joining TC54 to help develop standards for software supply chain security, contributing to the evolution of SBOMs, CycloneDX, and Package URL specifications.
Security News
PyPI now allows maintainers to archive projects, improving security and helping users make informed decisions about their dependencies.
Research
Security News
Malicious npm package postcss-optimizer delivers BeaverTail malware, targeting developer systems; similarities to past campaigns suggest a North Korean connection.