테스트 사이트 - 개발 중인 베타 버전입니다

NextJS를 이용한 사이트 만들기

3535239587_1607257168.4287.png

 

NextJS의 개발자인 Shuding이 만든 템플릿이라고 보면 될 것 같습니다.

 

NextJS 10버전에서 도입된 i18n 기능을 적용하여 다국어 사이트를 쉽게 제작 할 수 있습니다.

 

기본적으로 다크모드 설정기능이 있어서 바로 적용되구요.

 

마크다운으로 글만 작성하면 Vercel을 통해서 뚝딱 만들어지니 좋네요.

 

이미지의 경우도 NextJS의 10버전에서 도입된 Image 기능 도입으로 편하게 반응형으로 만들어지고

 

lazyloading도 자동으로 들어갑니다.

 

데모 사이트 : https://nextra.vercel.app/

소스 : https://github.com/shuding/nextra

 

i18n 다국어 데모 사이트 : https://nextra-i18n.vercel.app/

소스 : https://nextra-i18n.vercel.app/_src

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 14개

베스트 댓글

@강력드라이브 https://nextjs.org/docs/basic-features/image-optimization

요거 보시면 될 듯 합니다.
원댓글 보기 →
좋은 정보 감사합니다.

정말 IT 세계는 놀랍습니다.
@강력드라이브 최신 트랜드가 집합되어 있다고 보면 됩니다 ㅎㅎ
@우성짱 최신 트랜드라고하면 어떤게 있을까요 ^^
@강력드라이브

다크모드, 이미지 자동 최적화, 다국어 지원이요 ㅎ
@우성짱 다들 신박하고 중요한 기능들이네요 ㅎㄷㄷ

이미지 자동 최적화는 어떻게 작동이 될까요..
@강력드라이브 https://nextjs.org/docs/basic-features/image-optimization

요거 보시면 될 듯 합니다.
여전히 여전하시네요^^
우성짱님처럼 저도 살아야할텐데...ㅠㅠ
@쪼각조각 저도 보기만하고 만들 생각은 없습니다. ㅎㅎ
vercel 이용해서 하면 정말 좋아요^^
@검은냥냥이 vercel 우주최강 서비스입니다 ㅎ
우~워 알고니즘~뿜뿜,,입니다.
@파시아투스 요새 세상이 정말 좋아졌어요 ㅎ
@우성짱 아이고 답답해 둑겠어요~요고이,,무엇에 쓰는 물건인지 몰라요..히^^
@파시아투스 샘플 사이트에서 보시면 됩니다 ㅎㅎ

게시글 목록

번호 제목
1717652
1717651
1717650
1717648
1717635
1717629
1717626
1717625
1717621
1717619
1717611
1717610
1717609
1717607
1717601
1717598
1717591
1717590
1717583
1717575
1717572
1717568
1717566
1717549
1717545
1717533
1717512
1717511
1717508
1717495