멋진 Next.js
엄선된 리소스 목록: Next.js 사용에 관한 책, 비디오, 기사.
Next.js: React 프레임워크.
멋진 목록에서 영감을 받은 목록입니다. 당신은 또한 awesome-tdd를 좋아할 수도 있습니다.
내용물
- 멋진 Next.js
- 내용물
- 지역 사회
- 골자
- 조항
- 상용구
- 확장
- 앱
- 서적
- 비디오
- 프로젝트(초급)
- 뉴스레터
- 기여
- 특허
지역 사회
- GitHub
- Next.js에 대한 GitHub 토론
골자
조항
- 주문형 재검증 및 Directus를 통한 즉각적인 사이트 업데이트
- Next.js를 사용한 동적 CMS 기반 리디렉션
- Next.js, GraphQL 및 React 쿼리 시작하기
- FaunaDB와 함께 Next.js 사용: 앱에서 데이터베이스를 쿼리하는 방법
- ButterCMS를 사용하여 서버리스 Next.js 블로그를 구축하는 방법
- Next.js로 범용 JavaScript 앱 구축
- Next.js 시작하기 — 앱 설정
- Next.js 시작하기 — 데이터 가져오기
- Next.js React 유니버설 앱을 구축하는 방법
- Next.js의 다음
- nextjs, 스트라이프 및 마이크로를 사용하여 사이트에서 결제를 수락하세요.
- Firebase 호스팅을 사용하는 Firebase용 Cloud Functions의 Next.js
- Next.js로 블로그 만들기
- Next.js와 함께 Google Analytics 사용
- Next.js 및 Redux를 사용하여 범용 JavaScript 앱 구축 [러시아어]
- Vercel의 Next.js를 좋아하는 5가지 이유
- Next.js 5: 범용 웹팩, CSS 가져오기, 플러그인 및 영역
- Next.js 및 Chart.js를 사용한 실시간 데이터 시각화
- Next.js를 사용하여 감정 분석이 포함된 채팅 앱 구축
- Next.js로 실시간 테이블 구축
- Next.js 및 Prismic.io를 사용한 SSR 블로그
- Next.js와 Prismic의 SEO
- next-seo를 사용한 Next.js의 SEO
- Next.js 7
- Postgres와 함께 GraphQL을 사용하여 SSR Next.js 웹 사이트 만들기
- Next.js(React), GraphQL, Strapi 및 Stripe를 사용하여 Deliveroo 클론 요리 - 설정(1/7부)
- Next.js 전자상거래 튜토리얼: 빠른 장바구니 통합
- Ghost 및 Next.js 작업
- Next.js와 함께 Tailwind CSS 사용
- Next.js에서 기능 플래그 사용
- React-syntax-highlighter를 사용하여 Next.js에 코드 조각 추가하기
- 놀라운 Next.js 템플릿을 사용하여 회사의 웹사이트/앱을 구축하세요.
- NextJS 애플리케이션에서 웹훅 전달 보장
- Next.js On-Demand ISR을 사용하여 방명록 작성
- 웹사이트/앱 구축에 유용한 관리 템플릿
- Tailwind와 Next 앱 통합
상용구
- Kaminari 템플릿 - 강력한 Next.js 및 Tailwind CSS 템플릿이 포함되어 있습니다. 개발자 경험을 염두에 두고 제작되었습니다. Husky, CommitLint, Prettier, Eslint 등의 구성이 포함되어 있습니다.
- Next.js 정적 블로그 - Cosmic Headless CMS로 구동되는 Next.js 정적 블로그
- NextJS 헤드리스 CMS 기반 블로그 스타터
- AWS Lambda를 사용한 Next.js 앱 - Apex Up을 사용하여 AWS Lambda에 Next.js 앱을 배포합니다.
- Nitro - Nextjs, Material-UI, Typescript 및 Auth0을 사용하는 PWA의 예?
- Next & Now 2.0 Typescript 템플릿 - 서버리스, Typescript, Jest, Github CI, SCSS, 더 예쁜 상용구
- Next Right Now - 사전 구성된 Sentry, 쿠키, Amplitude, Emotion, FontAwesome, GraphQL/GraphCMS(Apollo), Bootstrap(Reactstrap), i18next(Locize), Jest가 포함된 Next.js 9 및 Vercel이 포함된 유연한 프로덕션급 상용구 , Cypress(E2E 테스트) 및 CI/CD(GH Actions), 완전한 TypeScript 지원 및 B2B 다중 테넌트 웹 앱 지원 (모노레포)
- 다음 Graphql Apollo Typescript_Boostrap - Pobocha - React + GraphQL + Next.js + Apollo + Scss + Typescript + Prettier 및 EsLint 상용구
- Next 및 Vercel Typescript 템플릿 - Serverless, Typescript, Jest, Github CI, SCSS, 더 예쁜 상용구
- Bootstrap을 사용하는 Firebase의 NextJS - Cloud Functions를 사용하여 Firebase에서 Bootstrap을 사용하여 NextJS 앱을 호스팅합니다.
- Next Simple Starter - Next.js 및 Redux가 포함된 간단한 PWA 상용구입니다.
- NextJS Starter - 이메일 및 oAuth 인증을 갖춘 Next.js용 스타터 프로젝트입니다.
- nextjs-starter - (NextAuth.js 및 Fauna DB), ESLint, Prettier, Pre를 사용하는 React 17 + Typescript + Tailwind CSS 2 + React Query 3 + (GitHub Auth + Passwordless Auth)가 포함된 SEO 최적화 Next.js 10 스타터 키트 템플릿 -허스키와 훅을 커밋합니다. 페이지마다 레이아웃이 다를 수 있습니다.
- 란! - GraphQL, SSR, 핫 리로드, CSS-in-JS, 캐싱 등을 지원하는 프로덕션 준비 상용구입니다.
- Next Simple Blog - 정적 내보내기 기능이 있는 Next.js로 구축된 Simple Markdown 기반 블로그입니다.
- phox - 정적 사진 블로그를 만듭니다.
- Next Express Bootstrap Boilerplate - eslint와 함께 Next, Express, React-bootstrap, SCSS 및 SSR을 사용하여 구축된 전체 스택 앱용 보일러플레이트입니다.
- Next Blog Firestore - Next.js, Firebase Firestore, 스타일 구성 요소 및 mobx-state-tree로 구축된 간단한 CMS가 포함된 블로그입니다.
- Next Redux 스타터 - Express, Redux 및 PostCSS가 포함된 Next.js 스타터입니다.
- NextJS Redux-Wrapper Material-UI - ? Redux 및 Material UI를 갖춘 상용구 NextJS입니다.
- 스타르트 - ? 적극적으로 유지 관리되는 Next.js 구성 요소 라이브러리 와 최소한의 상용구를 통해 Ooth 기반 작업 사용자 계정으로 앱을 빠르게 시작할 수 있습니다.
- NextJS TypeScript 스타터 키트 - ? TypeScript + NextJS, Styled-jsx, Redux, PostCSS, 구성 가능한 SEO
- 다음 보일러플레이트 - 외부 CSS 및 Sass + 어디서나 이미지 가져오기 + Prettier 및 Eslint + 환경 변수 및 더 많은 기능.
- next-starter -
sass (.scss)
및 postcss
내장된 완전하고 간단한 상용구입니다. - Typescript Monorepo 다음 예 - 최소한의 next.js + typescript monorepo입니다.
- tomimick/tm-nextjs-starter - 기본 CRUD, axios/localstorage, MobX, SASS, 정적 사이트 내보내기, 라이브 데모가 포함된 최소 시작/데모
- csprance/next-smrt - 사용자 정의 Express 서버가 포함된 redux, 스타일 구성 요소, Material-UI 및 TypeScript가 포함된 최소 상용구입니다.
- Nextron - Next.js 앱 생성기가 포함된 Electron ⚡
- next-boilerplate - Typescript, Redux, Express.js, Sass, Css, EnvConfig, Reverse Proxy, Bundle을 포함하는 잘 구조화된 프로덕션 준비 Next.js 상용구입니다.
- Oh My Fullstack - 전체 스택 웹 애플리케이션 뼈대(Next.js, Redux, RxJS, Immutable, Express)
- Next-Postgres-With-Typescript - Next 7.0.2 + Sequelize 4/Postgres + Typescript + Redux + Passport Local Auth + Emotion을 갖춘 포럼과 같은 풀스택 웹 앱
- Express 및 Babel이 포함된 Next.js - Babel을 사용하여 Express 및 Next.js 코드를 트랜스파일하려는 사용자를 위한 애플리케이션 뼈대입니다.
- next-postgres-graphql - Postgres(Next.js, Postgres, GraphQL)와 함께 GraphQL을 사용하여 SSR Next.js 웹 사이트 만들기
- nextjs-mongodb-app - 인증 등을 포함한 Next.JS 및 MongoDB로 제작된 본격적인 앱(Next.js 9, MongoDB)
- React-next-boilerplate - nextJS, 모범 개발 사례 및 개발자 커뮤니티에서 인기 있는 라이브러리를 사용하여 프로젝트 구성을 줄이기 위한 기반입니다.
- The-Nextjs-starter - typescript + redux + 스타일 구성 요소 + 반응 테스트 라이브러리 + eslint + Fontawesome
- Knests Stack - PostgreSQL, Knex.js, NestJS, Next.js(당연히), GraphQL, React(후크 및 TypeScript 포함), Material-UI, Docker 다단계 이미지, Docker Compose 및 Gitlab CI/CD 파이프라인이 완전히 구성되었습니다.
- Devii - 마크다운 렌더링, 구문 강조, SEO/메타 태그 및 RSS 피드 생성 기능을 갖춘 Next.js, React 및 TypeScript로 구축된 중간 규모의 개발 블로그 스타터입니다.
- Nextjs 블로그 스타터 - Next.js 프레임워크를 기반으로 하는 블로그를 위한 완벽한 시작 코드입니다. ⚡️ Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS로 제작되었습니다.
- Next.js 및 Netlify 블로그 템플릿 - 태그 지정, CMS 및 단축 코드와 같은 표준 기능을 사용하여 Netlify 스택에 블로그 웹사이트를 구축하기 위한 완벽한 상용구입니다.
- Nextjs Apollo Nexus - Nexus 스키마를 사용하여 Next.js에서 GraphQL Apollo 클라이언트-서버 통합(코드 우선 접근 방식).
- Nextjs 스타터 Peacock - ? 소프트웨어 엔지니어와 디자이너가 자랑스러워하는 작업을 보여줄 수 있는 아름다운 Nextjs 포트폴리오 스타터입니다.
- 넥스타틱 - ? Netlify CMS + Next.js + SCSS + Typescript를 사용하여 사용자가 편집할 수 있는 페이지와 탐색 기능을 갖춘 정적 웹 사이트 다국어 상용구입니다.
- NextJS 및 StrAPI용 사이트맵 생성기 - ? nextjs와 함께 실행되고 STR API의 요청에 따라 사이트맵(인덱스 sitemap 포함) 및 robots.txt 파일을 재생성하는 Express의 추가 서버입니다.
- superplate - superplate는 TypeScript, 스타일 구성 요소, SWR, Storybook 및 35개 이상의 플러그인을 사용하여 몇 초 만에 Next.js 앱을 생성합니다.
- 수소 - 수소는 tailwindCss 및 MDX를 지원하는 Nextjs 블로그 시작 템플릿 빌드입니다. 필요한 모든 MDX 단축 코드가 즉시 사용 가능합니다.
- Next-Fire-Auth - Next.js + Typescript + Tailwind CSS + Firebase-auth + React-Firebase-Hooks를 사용하여 인증하는 시작 애플리케이션을 위한 멋진 상용구입니다.
- NextJS Chargebee 구독 - 사용자 구독, 인증 및 테스트를 통합하는 Chargebee 중심의 T3 스택입니다. Prisma ORM에 의해 구동됩니다.
- Next.js Enterprise - 유지 관리가 가능한 고성능 앱을 위한 엔터프라이즈급 상용구입니다. Tailwind CSS, RadixUI, TypeScript 등으로 구축되었습니다.
- 시작 UI [웹] - TypeScript, React, NextJS, Chakra UI, tRPC, Prisma, TanStack Query, Storybook, Playwright, Formiz를 사용한 독창적인 UI 스타터
확장
- Next 범용 언어 감지기 - 보편적으로 작동하는 언어 감지기(브라우저 + 서버) - Next.js DEMO와 같은 범용 프레임워크와 함께 사용됨
- 다음 경로 - Next.js에 대한 범용 명명된 경로입니다.
- Next-Pkg - pkg를 지원하는 확장된 Next.js 서버입니다.
- 다음 플러그인 Graphql - graphql-tag를 사용하는 .graphql 및 .gql 파일용 Next.js 플러그인
- Next With Apollo - Next.js를 위한 Apollo Graphql 통합
- Next SEO - Next.js를 위한 SEO가 쉬워졌습니다.
- Next-Sitemap - Next.js용 사이트맵 생성기
- Next UserAgent - Next.js용 UserAgent 파서
- Next Cookie - Next.js용 쿠키 직렬 변환기 및 역직렬 변환기 라이브러리입니다.
- Nextein - Next.js를 기반으로 하는 정적 사이트 생성기입니다.
- next-mdx-blog - next.js 기반 프로젝트에 블로그를 쉽게 추가
- next-i18next - NextJs 앱을 번역하는 가장 쉬운 방법입니다.
- next-routes-middleware - NextJS 라우팅 미들웨어
- Next.js용 서버리스 프레임워크 플러그인 - 서버리스 애플리케이션을 쉽게 배포하세요.
- Next.js용 Terraform - Terraform을 사용하여 애플리케이션 배포
- next-session - Next.js용 세션 미들웨어
- next-iron-session - 서명 및 암호화된 쿠키를 사용하여 데이터를 저장하는 Next.js 상태 비저장 세션 유틸리티
- 다음 PurgeCSS - Purgecss를 쉽게 통합하여 번들에서 사용하지 않는 CSS를 제거하는 데 도움이 됩니다.
- Next PWA - Workbox가 포함된 Next.js용 제로 구성 PWA 플러그인
- flow-middleware - 기본 개체를 오염시키지 않고 Next.js에서 Express 미들웨어를 실행합니다.
- next-connect - Next.js를 위한 Express/Connect 호환 라우터 및 미들웨어 레이어입니다.
- next-img - 최적화된 이미지를 쉽게 삽입하기 위한 플러그인입니다.
- next-auth - Next.js 및 서버리스에 대한 간편한 인증
- next-deploy - AWS 및 GitHub 페이지에 손쉽게 배포합니다.
- next-joi - joi 를 사용하여 Next.js API 경로를 검증합니다.
- next-transpile-modules - node_modules에서 코드를 트랜스파일하는 Next.js 플러그인입니다. 모노레포에 유용합니다.
- DStack for Next.js - 랜딩 페이지를 로컬에서 시각적으로 구축하기 위한 Next.js 확장입니다.
- UseSIWE - 이더리움을 사용한 로그인을 앱에 매우 쉽게 추가할 수 있게 해주는 React 후크 및 Next.js API 경로입니다.
- Next.js용 런타임 환경 변수 – CI/CD에서 ENV 변수 구성을 중단하고 클라우드 기반 접근 방식을 사용하세요.
- next-google-tag-manager – Google 태그 관리자를 Next 13 이상에 쉽게 추가하세요.
- next-api- decorators - 쉬운 요청 검증 및 변환을 통해 형식화된 Next.js API 경로를 생성하는 데코레이터입니다.
앱
- CourseLit - Thinkific, Teachable 등에 대한 오픈 소스 대안입니다.
- Feednext - 오픈 소스 소셜 미디어 애플리케이션입니다.
- NextJS GOT - 왕좌의 게임 캐릭터를 선보이는 간단한 Next.js 애플리케이션입니다.
- 관련 - 마음챙김 커뮤니티 - React, GraphQL, Next.js.
- 비밀번호 - 하나의 비밀번호로 올바른 방법을 사용하세요.
- Next Todos - Next.js로 작성된 Todo 목록입니다.
- Hacker News - Next.js로 작성된 또 다른 해커 뉴스입니다.
- Jet Chat - Jet 및 Next.js 기반 채팅 데모입니다.
- Nextgram - 기능을 보여주는 샘플 Next.js v2 앱입니다.
- Rauchg 블로그 - Next.js 핵심 관리자가 만든 블로그입니다.
- Next JPH - Next.js로 만든 JsonPlaceholder 샘플 앱입니다.
- Mailto - HTML mailto가 쉬워졌습니다.
- Plate - 모든 작업을 관리하는 작업 관리 앱입니다.
- 대시보드 - 맞춤형 위젯으로 나만의 팀 대시보드를 만들어보세요.
- Snape - 토렌트를 검색, 스트리밍 및 다운로드하는 토렌트 클라이언트입니다.
- Trello Resume - trello 데이터를 빠른 읽기 정보로 변환합니다.
- JWT를 통한 서버 인증 - 서버 인증, 유효성 검사 전에 렌더링을 방지합니다.
- Alexander Kachkaev의 웹사이트 – Next.js, GraphQL, Docker 및 Kubernetes로 구축된 개인 홈페이지입니다. Apollo 클라이언트, React-intl, 스타일 구성 요소 및 재구성을 사용합니다. Docker 이미지는 GitLab CI에 의해 자동으로 구축됩니다.
- 서버 렌더링이 포함된 쿠키 핸들러 - 서버 렌더링이 포함된 쿠키 핸들러는 렌더링 전에 쿠키에 액세스합니다.
- Gank - gank-api, mobx 및 antd를 사용하는 Next.js 앱
- GraphQL 및 Next.js와 분리된 CMS 예시
- Mozilla VR 홈 - Mozilla VR 홈
- Elton John의 웹사이트 - Elton John의 웹사이트
- IOTA의 데이터 마켓 플레이스 - IOTA 마켓 플레이스
- Magicleap.com-마법의 도약
- NPM.js 검색 페이지 - NPM의 검색 페이지
- Docker 성공 센터 - Docker 성공 센터
- Urteile & Gesetze - GPLv3에 따라 라이센스가 부여된 독일 법률 정보 시스템입니다.
- TikTok의 홈페이지 - TikTok의 홈 페이지
- njt.now.sh - npm으로 이동 ? (당신이 꿈꾸던 패키지 탐색 단축키). 부분적으로는 정적으로 렌더링되고 부분적으로는 람다로 배포됩니다. Now 통합 덕분에 github 저장소에 커밋할 때마다 자동으로 업데이트됩니다.
- caseconverter.pro - 텍스트 대소문자 변환기입니다.
- Tottem - NextJs / Auth0 / Apollo Tools / Prisma2로 구축된 스테로이드 북마크 관리자
- 느린 TV 지도 - 편안한 가상 경험을 발견할 수 있는 재미있는 방법입니다. Next.js + Chakra UI + Vercel에서 호스팅되는 MySQL.
- Twitter Clone - Next.js + T3 Stack + NextAuth + Supabase + Prisma로 구축된 Twitter 클론입니다.
- 분류 - Next.js 13 서버 구성 요소를 사용하여 구축된 예제 앱입니다.
- shadcn/ui - 복사하여 앱에 붙여넣을 수 있는 아름답게 디자인된 구성 요소입니다.
- StorageBox - Go 및 Next.js로 구축된 간단한 파일 저장 서비스입니다.
서적
- Hands On Next.js - 반응 애플리케이션을 위한 범용(서버) 렌더링에 대한 실용적인 풀스택 책입니다.
- Next.js 빠른 시작 가이드 - Next.js를 사용하여 범용 JavaScript 애플리케이션 생성, 구축 및 배포
- Next.js 핸드북 - 서버 측 렌더링을 투명하게 처리하는 프런트엔드 React 애플리케이션을 구축하세요.
- React 및 Next.js를 사용하는 서버리스 웹 애플리케이션 - Next.js 서버리스 기능을 사용하여 React 애플리케이션에서 데이터베이스에 액세스하고 사용자를 인증합니다.
- Jamstack으로 전환: React 및 Next.js를 사용하여 SaaS 구축 - Next.js, Prisma ORM, Cloudinary API, Chakra-UI 및 React Hook Form을 사용하여 전체 스택 SaaS(Software-as-a-Service) 애플리케이션을 구축하세요.
- 실제 Next.js - 프로덕션용 React 프레임워크인 Next.js를 사용하여 확장 가능한 고성능 최신 웹 애플리케이션 구축
비디오
- NextJS를 사용하여 첫 번째 ReactJS 애플리케이션 만들기 [스페인어]
- NextJS를 사용한 React 서버 측 렌더링
- Guillermo Rauch - 예시를 통한 Next.js
- Guillermo Rauch - Next.js: 쉽고 간단하게 만들어진 Universal React
- Next.js 소개
- Next.js 제작 중
- Next.js를 사용한 매개변수화된 라우팅
- JSHeroes 2017 | Guillermo Rauch - 정적 및 동적 Next.js
- Next.js로 보편적 미래 프로그래밍 - Guillermo Rauch · JSConf China 2017
- BPJS: 특집 - Next.js 소개
- Next.js의 다음
- Next.js 및 GraphQL을 사용한 데이터 관리
- Next.js 사용자 등록
- Next.js 단기집중과정 - 서버 측 반응
- Next.js 마스터하기 - Next.js 및 React를 사용하여 애플리케이션을 구축하기 위한 50개 이상의 강의 비디오 코스입니다.
- Next.js 튜토리얼 - 심층적인 Next.js 튜토리얼입니다.
- Next.js Conf 2020 - 2020 Next.js 컨퍼런스의 모든 비디오
- Hasura, Next.js 및 Vercel을 사용한 풀스택 음식 주문 앱
- NextAuth와 함께 Next.js에서 자격 증명 인증을 사용하는 방법은 무엇입니까?
프로젝트(초급)
- React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth 및 Vercel의 풀 스택 Netflix 복제(2023)
- Framer Motion 및 Tailwind CSS를 사용하여 최신 Next 13 웹사이트 구축 및 배포
- 다음 js 13 프로젝트 - IMBb 복제 - 다음 js tailwind CSS 프로젝트 - nextjs 프로젝트
- 다음 js 13 프로젝트 - Google 클론(next.js 13, tailwind CSS 3, google 검색 API, 앱 라우터
- 다음 js 프로젝트 - Twitter 클론
- 빌드 및 배포: React, Tailwind, Next, Prisma, Mongo, NextAuth 및 Vercel을 사용한 TWITTER 복제(2023)
- NextJS 13 튜토리얼: 마크다운 파일에서 정적 블로그 만들기
- Next.js 13 앱 라우터를 사용한 풀 스택 Airbnb 복제: React, Tailwind, Prisma, MongoDB, NextAuth 2023
- 실시간 메신저 클론: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher(2023)
- 풀 스택 Spotify 클론: Next 13.4, React, Stripe, Supabase, PostgreSQL, Tailwind(2023)
- 풀 스택 전자 상거래 + 대시보드 및 CMS: Next.js 13 앱 라우터, React, Tailwind, Prisma, MySQL, 2023
뉴스레터
- Next.js 뉴스 - 새로운 기능과 향후 기능, 최고의 기사, 도구 및 플러그인을 소개하는 월간 Next.js 뉴스레터입니다.
- Next.js 노트 - 월간 Next.js 및 JavaScript 플랫폼 뉴스.
기여
멋진 패키지, 기사, 블로그, 비디오 등을 찾았나요? 나에게 풀 리퀘스트를 보내주세요! 지침을 따르십시오. 감사합니다!
내 블로그를 확인하거나 Twitter에서 인사 하세요.
특허