Skip to content
This repository has been archived by the owner on Mar 5, 2024. It is now read-only.

SamuelQuinones/nextjs-boilerplate

Repository files navigation

Advanced NextJS Boilerplate

Skip the tedious setup of a new NextJS project by using this minimal advanced boilerplate with additional features designed for scalability.

This template IS compatible with NextJS 13, since the new features can be incrementally adopted. Once the new app directory and other new features of NextJS version 13 are production ready, I will attempt to update this template accordingly to use those new features.

Getting Started

You can use any package manager for this project, it was created with npm but is designed to be easily inter-changeable.

You should be able to get started using the create-next-app cli.

npx create-next-app@latest --example https://github.com/SamuelQuinones/nextjs-boilerplate my-app

or

yarn create next-app --example https://github.com/SamuelQuinones/nextjs-boilerplate my-app

or

pnpm create next-app --example https://github.com/SamuelQuinones/nextjs-boilerplate my-app

In the event that does not work, you can clone the repository or click "Use this template" (as this is a template repo)

If you're interested you can check out the built in example app

cd my-app
npm run dev

But likely you'll just want to build your own app, to remove the example and get started with your own app:

npm run cleanAndSetup

When prompted, you can select your package manager of choice:

Additionally, this script takes in a single argument meant to be your package manager of choice and skip the prompt altogether, so if you want to use yarn:

yarn cleanAndSetup yarn

or pnpm:

pnpm cleanAndSetup pnpm

Features

Typescript
Make sure your code is type-safe and avoid mind-numbing bugs in production, by dealing with silly bugs in development
DOM Utilities
Never write bloated querySelector or element contains functions again thanks to the easy to use utility functions in DomHelper.ts
Scaffolding via generators
Create hooks, pages, and API routes right from the command line
Focus on SEO
Thanks to the next-seo library, making your website SEO optimized is easier than ever!

Showcase

To add your URL to the showcase, make a PR using the update_showcase template. I'd love to show off any project that uses this template 🙂

User / Organization App Name Repository App Url
SamuelQuinones samtheq.com https://github.com/SamuelQuinones/samtheq.com https://samtheq.com