nextjs-starter - GitLite

KO | EN

gitlite — search

#hacktoberfest #ai #typescript #llm #golang #go #android #machine-learning #linux #nodejs #java #windows #security #openai

nextjs-starter

(★ 145)

A TypeScript starter for Next.js that includes all you need to build amazing projects 🔥

파일 탐색기

최종 버전 다운로드 (.zip)

- .gitignore
- common.sh
- pre-commit
- favicon.ico
- vercel.svg
- - hello-edge.ts
  - hello.ts
- - globals.css
  - layout.tsx
  - page.tsx
- - index.ts
- - index.ts
  - utils.ts
- - home.module.css
.editorconfig
.gitignore
.npmrc
.prettierrc.js
components.json
eslint.config.mjs
LICENSE.md
next-env.d.ts
next.config.ts
package.json
pnpm-lock.yaml
postcss.config.js
README.md
renovate.json
tailwind.config.js
tsconfig.json

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/chhpt/nextjs-starter

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd nextjs-starter

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

pnpm create next-app ts-next -e https://github.com/chhpt/nextjs-starter

이 명령어를 터미널에 그대로 입력해 실행하세요.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
  <img src="https://user-images.githubusercontent.com/26466516/107675802-36216b80-6c77-11eb-8db1-4d3407dc53d9.png" alt="Next.js and TypeScript">
</p>

<p align="center">
  <img src="https://img.shields.io/static/v1?label=PRs&message=welcome&style=for-the-badge&color=24B36B&labelColor=000000" alt="PRs welcome!" />

<img alt="License" src="https://img.shields.io/github/license/chhpt/typescript-nextjs-starter?style=for-the-badge&color=24B36B&labelColor=000000">

<a href="https://twitter.com/intent/follow?screen_name=cwuyiqing">
    <img src="https://img.shields.io/twitter/follow/cwuyiqing?style=for-the-badge&color=24B36B&labelColor=000000" alt="Follow @chhpt" />
  </a>
</p>

<br>

A full-featured Next.js starter that includes all you need to build amazing projects 🔥. Fork and customize from [jpedroschmitz](https://github.com/jpedroschmitz/typescript-nextjs-starter)

- 🚀 **Next.js 15 App Router & React 18**
- ⚙️ **Tailwind CSS 3** - A utility-first CSS framework
- 🍓 **Styled Components** - Styling React component
- 📏 **ESLint** — Pluggable JavaScript linter
- 💖 **Prettier** - Opinionated Code Formatter
- 🐶 **Husky** — Use git hooks with ease
- 🚫 **lint-staged** - Run linters against staged git files
- 😁 **shadcn** - Beautifully designed components that you can copy and paste into your apps.
- 🗂 **Absolute import** - Import folders and files using the `@` prefix
- 🤩 **Vercel Serverless/Edge Functions** - Serverless/Edge functions for Next.js

## 🚀 Getting started

The best way to start with this template is using `create-next-app`.

```
npx create-next-app ts-next -e https://github.com/chhpt/nextjs-starter
```

or

```
pnpm create next-app ts-next -e https://github.com/chhpt/nextjs-starter
```

If you prefer you can clone this repository and run the following commands inside the project folder:

1. `pnpm install` or `npm install`;
2. `pnpm dev`;

To view the project open `http://localhost:3000`.

## 🤝 Contributing

1. Fork this repository;
2. Create your branch: `git checkout -b my-new-feature`;
3. Commit your changes: `git commit -m 'Add some feature'`;
4. Push to the branch: `git push origin my-new-feature`.

**After your pull request is merged**, you can safely delete your branch.

## 📝 License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for more information.

---

Made with ♥ by Clare Chang