An open API service indexing awesome lists of open source software.

https://github.com/aishwaryvishwakarma/nextjs-starter-app

A clean ๐Ÿงน and efficient starter template for building ๐Ÿญ modern web applications using Next.js โญ
https://github.com/aishwaryvishwakarma/nextjs-starter-app

eslint jest nextjs prettier reactjs starter-app typescript vscode-settings

Last synced: 3 months ago
JSON representation

A clean ๐Ÿงน and efficient starter template for building ๐Ÿญ modern web applications using Next.js โญ

Awesome Lists containing this project

README

        

# Next.js Starter App

![Visitors](https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2Fgithub.com%2FAishwaryVishwakarma%2FNextJs-Starter-App&label=%F0%9F%91%80%20Peek-a-Boo&labelColor=%231e90ff&countColor=%23d9e3f0&style=flat&labelStyle=none)
![License: MIT](https://img.shields.io/badge/License-MIT-D3D3D3?labelColor=008080)

This is a sleek and lightweight ๐Ÿชถ starter template for building modern web applications using [Next.js](https://nextjs.org). Set up with [create-next-app](https://nextjs.org/docs/app/api-reference/cli/create-next-app), it provides everything you need to kick-start your project with clean folder structure, and a simple configuration to get you running quickly.

## Features:

- **Bootstrapped with create-next-app** โ€“ A foundation to jumpstart your Next.js project with all the necessary files and configurations.
- **Integrated with Prettier and ESLint** โ€“ Ensures consistent code styling and linting, helping you maintain clean and readable code across your team.
- **VSCode Settings** โ€“ Includes predefined VSCode settings to ensure consistent development environments across different machines.
- **Testing Setup with Jest** โ€“ Comes pre-configured with Jest and its scripts to easily write and run tests for your components and functionalities.
- **Simple Setup with degit** โ€“ Quick and easy initialization of your project using degit, allowing you to clone this template effortlessly.

## Getting Started

To set up your Next.js starter app using `degit`, follow these steps:

### 1. Install `degit`

`degit` is a straightforward project scaffolding tool that allows you to clone repositories without their Git history.

Install `degit` globally using npm:

```bash
npm install -g degit
```

### 2. Initialize the Project

Use `degit` to clone the starter template into your project directory:

```bash
npx degit https://github.com/AishwaryVishwakarma/nextjs-starter-app your-project-name
```

Replace `your-project-name` with your desired project name.

---

### Congratulations!

You've successfully set up your Next.js Starter App! ๐ŸŽ‰

Now, you can dive into development and watch your ideas come to life.

If you like this project, โญ๏ธ it! Your feedback and contributions are always welcome. This repo is designed for continual improvement, and your support helps make it better.