tailnext

TailNext

TailNext는 NextJS + Tailwind CSS를 사용하여 웹 사이트를 만드는 무료 및 오픈 소스 템플릿입니다. 새로운 프로젝트를 시작하고 모범 사례를 고려하여 설계 할 준비가되었습니다.

특징

• dark 다크 모드를 지원하는 Tailwind CSS 와의 통합.
• Lighthouse 및 PagesPeed Insights 보고서의 생산 준비 점수.
• ✅ 이미지 최적화 및 글꼴 최적화 .
• ✅ 빠르고 SEO 친화적 인 블로그 .
• ✅ 경로를 기반으로 프로젝트 사이트 맵 및 Robots.txt 생성.

목차

• 데모
• 시작하기
  • 프로젝트 구조
  • 명령
  • 구성
  • 배포
• 로드맵
• 기여
• 감사의 말
• 특허

데모

? https://tailnext.vercel.app/

시작하기

• 클론 : git clone https://github.com/onwidget/tailnext.git
• 디렉토리에 입력하십시오 : cd tailnext
• 종속성 설치 : npm install
• 개발 서버 : npm run dev 시작하십시오
• 지역 환경에서 프로젝트보기 : localhost:3000

프로젝트 구조

Tailnext 템플릿 내부에는 다음 폴더와 파일이 표시됩니다.

 /
├── .storybook/
├── app/
│   ├── (blog)
│   │   ├── [slug]
|   |   |   └── page.js
|   |   └── blog
|   |       └── page.js
│   ├── head.js
│   ├── layout.js
│   └── page.js
├── public/
│   └── favicon.svg
├── src/
│   ├── assets/
│   │   ├── images/
|   |   └── styles/
|   |       └── base.css
│   ├── components/
│   │   ├── atoms/
|   |   └── widgets/
|   |       ├── Header.astro
|   |       ├── Footer.astro
|   |       └── ...
│   │── content/
│   |   └── blog/
│   |       ├── demo-post-1.md
│   |       └── ...
│   ├── stories/
│   ├── utils/
│   └── config.mjs
├── package.json
└── ...

SEROUSED NEXT.JS 전문가? 이 파일을 삭제하십시오. config.mjs 및 내용을 업데이트하십시오. 재미있게 보내세요!

명령

모든 명령은 프로젝트의 루트에서 터미널에서 실행됩니다.

명령	행동
npm install	종속성을 설치하십시오
npm run dev	localhost:3000 에서 Local Dev 서버를 시작합니다
npm run build	./dist/ 로 생산 사이트를 구축하십시오.
npm run preview	배포하기 전에 로컬로 빌드를 미리보십시오
npm run storybook	위젯으로 스토리를 볼 수있는 스토리 북을 엽니 다
npm run format	더 예쁘고 형식 코드
npm run lint:eslint	eslint를 실행하십시오

구성

곧 올다 ..

배포

생산에 배포 (매뉴얼)

다음과 같이 최적화 된 생산 빌드를 만들 수 있습니다.

npm run build

이제 귀하의 웹 사이트를 배포 할 준비가되었습니다. 생성 된 모든 파일은 dist Folder에 있으며 원하는 호스팅 서비스에 폴더를 배포 할 수 있습니다.

NetLify에 배포하십시오

이 저장소를 자체 GitHub 계정으로 복제하고 NetLify에 배포하십시오.

Vercel에 배포하십시오

이 저장소를 자체 GitHub 계정으로 복제하고 Vercel에 배포하십시오.

로드맵

곧 올다 ..

기여

아이디어, 제안 또는 버그를 찾으면 토론, 문제를 자유롭게 열거 나 풀어 요청을 작성하십시오. 그것은 우리 모두에게 매우 유용 할 것이며 우리는 듣고 행동하게되어 기쁩니다.

감사의 말

처음에 Onwidget에 의해 만들어지고 기고자 커뮤니티가 관리합니다.

특허

TailNext 는 MIT 라이센스에 따라 라이센스가 부여됩니다. 자세한 내용은 라이센스 파일을 참조하십시오.