@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
Maintainers back GitHub’s npm security overhaul but raise concerns about CI/CD workflows, enterprise support, and token management.
Product
Socket Firewall is a free tool that blocks malicious packages at install time, giving developers proactive protection against rising supply chain attacks.
Research
Socket uncovers malicious Rust crates impersonating fast_log to steal Solana and Ethereum wallet keys from source code.