Next js Blog Boilerplate 다운로드 - Next js Blog Boilerplate 소스 코드 다운로드

Next js Blog Boilerplate

AI 소스 코드

1.0.0

다운로드

다음 JS 블로그 보일러 플레이트가있는 Tailwind CSS

Nextjs 스타터 배너

Next.js 블로그 BoilerPlate은 Tailwind CSS 3.0을 가진 Next.js 12+ 프레임 워크를 기반으로 블로그의 스타터 코드입니다. ⚡️ Next.js, TypeScript, Eslint, Pretier, PostCSS, Tailwind CSS로 만든.

이 프로젝트를 복제하고이를 사용하여 자체 Next.js 블로그를 만듭니다. 다음 JS 블로그 템플릿 데모를 확인할 수 있습니다.

스폰서



여기에 로고를 추가하십시오

특징

블로그 기능 :

? Prism.js로 강조 표시
? SEO 메타 데이터 및 열기 그래프 태그
더 풍부한 인덱싱을위한 JSON-LD
쪽수 매기기
? 무료 미니멀리스트 블로그 테마를 포함하십시오
가격 인하
? 등대 점수를 최대화합니다

개발자 경험 먼저 :

정적 사이트 생성기의 경우 다음
? Tailwind CSS와 통합
? Tailwind CSS 처리를위한 Postcs
? 유형 확인 typescrip
Eslint와 함께 ✏️ Linter
? 더 예쁘고 코드 포맷터
? SEO 메타 데이터, JSON-LD 및 다음 SEO가있는 오픈 그래프 태그
번들러 분석기

Next.js의 내장 기능 :

html & css를 최소화하십시오
? 라이브 리로드
cache 캐시 파열

철학

최소 코드
SEO 친화적입니다
생산 준비

요구 사항

node.js 및 npm

스폰서

시작하기

지역 환경에서 다음 명령을 실행하십시오.

 git clone --depth=1 https://github.com/ixartz/Next-js-Blog-Boilerplate.git my-project-name
cd my-project-name
npm install

그런 다음 Live Reload를 사용하여 개발 모드에서 로컬로 실행할 수 있습니다.

 npm run dev

http : // localhost : 3000을 좋아하는 브라우저와 함께 프로젝트를 볼 수 있습니다.

 .
├── _posts            # Your blog posts
├── public            # Static files
│   ├── assets
│   │   └── images
│   │       └── posts # Images used in your blog posts
└── src
    ├── pages         # Next.js pages
    ├── styles        # Your blog CSS files
    └── templates     # Blog templates

사용자 정의

다음 JS 보일러 플레이트를 쉽게 구성 할 수 있습니다. 다음 파일을 변경하십시오.

public/apple-touch-icon.png , public/favicon.ico , public/favicon-16x16.png 및 public/favicon-32x32.png : 블로그 Favicon, https://favicon.io/favicon-converter/에서 생성 할 수 있습니다.
public/assets/images/logo.png , public/assets/images/logo-32x32.png : 블로그 로고
src/styles/main.css : Tailwind CSS를 사용하는 블로그 CSS 파일
src/utils/Config.ts : 블로그 이름, URL 등과 같은 구성 파일
src/templates/Main.tsx : 블로그 테마