42Cabi 프론트 팀의 Next.js 스터디

Overview

42Nexters

📚 Next.js 스터디 by 42Cabi v3 프론트 팀:

@gyuwlee | @hybae | @jaesjeon | @seuan

📌 규칙

  • 각자 이름으로 된 디렉토리 생성 후 진도에 맞춰서 결과물을 업로드합니다.
  • 스터디 진행은 아래 방식을 따릅니다:
    • 익일 스터디 시간(14시) 전까지 각자 과제 수행 후 개인 디렉토리에 업로드합니다.
    • 스터디 중에는 코드리뷰 및 토의를 진행합니다.
    • 문서화 및 회고를 적극 권장합니다 😊

📌 커리큘럼

1. 공식문서 보고 문서 작성해오기 (2d) : 문서 링크 업로드 후 리뷰 의무 (3문장 이상 😇 )

  • Create ~ (24시까지)
  • SEO (14시까지)

2. Next.js 클론코딩 (5d) : 과제 안하면 10,000원~ (성의 반영)

  • 뷰(컴포넌트) 설계 및 구현 (게임 파트)
  • 컴포넌트 구현 (홈 파트, 다이어리 파트 - 리스트)
  • 컴포넌트 구현 ( 다이어리 파트 나머지)
  • GraphQL 학습 및 통신 구현
  • 기타 기능 구현 및 배포
You might also like...

2021 Portfolio, built with Next.js

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Oct 9, 2022

♦ Crowd funding project using Smart Contracts on the Ethereum. Created with Next.js and Tailwind CSS.

♦ Crowd funding project using Smart Contracts on the Ethereum. Created with Next.js and Tailwind CSS.

Crowdcoin ♦ Crowd funding project using Smart Contracts on the Ethereum. Created with Next.js and Tailwind CSS. Project from "Ethereum and Solidity: T

Dec 14, 2022

Avoid CORS issues by using API Routes from Next.js

CORS Demo Avoid CORS issues by using API Routes from Next.js. Get Started Clone the repo git clone [email protected]:gregrickaby/cors-demo.git CD into co

Sep 30, 2022

Blog-sercannaya - react-next-sass-graphql

Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind

Jan 3, 2022

Finance-Tracker - A basic finance-tracker application built using Next.js, React Hooks and Context API

Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind

Jan 2, 2022

✨This is My Personal Website's Source Code. 👨‍💻 I Make it with Next.js and WindiCSS

🌐 drackin.tk This is my personal website with Next.js + WindiCSS ☁ Weather API You can use my Weather API to see weather of locations. Simple Request

Dec 15, 2022

Explore movies, tv shows. Built with Next.js, Tailwind CSS, Redux, Firebase, TypeScript, TMDB v3 API.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Dec 4, 2022

Educare é um projeto que visa auxiliar os estudos dos alunos por meio da resolução de questões. Front-end construído com Next.js.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Feb 6, 2022

Static Page for UptimeRobot. Powered by Next.js

UptimePage Static Page for UptimeRobot. Powered by Next.js 配置 配置文件都位于 config.ts 中,你可以Fork仓库后自行修改配置。 变量名 描述 样例 Config.siteName 站点名 AHdark Status Config

Aug 2, 2022
Owner
Gyuwon Lee (Olivia)
성균관대 글로벌경영학과 (인공지능융합학부)
Gyuwon Lee (Olivia)
🖼️ Image proxy for Next.js. Makes it possible to use dynamic domains in next/image component.

Next.js Image Proxy Image proxy for Next.js. Makes it possible to use dynamic domains in next/image component. ❔ Motivation This library makes it poss

Blazity 30 Dec 1, 2022
next-graphql-server is a library for building production-grade GraphQL servers using Next.js with API Routes

next-graphql-server next-graphql-server is an easy to use Next.js library for creating performant GraphQL endpoints on top of Next.js API Routes. Star

Jakub Neander 82 Nov 21, 2022
💻 A simple Create Next App template to start your projects with Next.js, TypeScript, ESLint, Prettier and other tools.

⚡ Next Typescript Template ⚡ A simple Create Next App template to start your projects with Next.js, TypeScript, ESLint, Prettier and other tools. Quic

João Gabriel 13 Nov 23, 2022
A fullstack next.js template with all the fun stuff like next auth, mongodb, prisma, chakra ui

Welcome to FullStack Next.js template ?? A fullstack next.js template with all the fun stuff like next auth, mongodb, prisma, chakra ui ✨ Demo Tech Ne

Avneesh Agarwal 10 Oct 16, 2022
This is a Next.js project bootstrapped with create-next-app.

Getting Started First, run the development server: npm run dev # or yarn dev Open http://localhost:3000 with your browser to see the result. You can s

J.D. 8 Dec 5, 2022
💯 Materials to help you rock your next coding interview

Tech Interview Handbook Credits: Illustration by @leftaligned Read on the website Black Lives Matter. Support the Equal Justice Initiative What is thi

Yangshun Tay 84k Dec 29, 2022
A curated collection of common interview questions to help you prepare for your next interview.

30 Seconds of Interviews A curated collection of common interview questions to help you prepare for your next interview. This README is built using ma

30 seconds 11k Jan 7, 2023
A github action that provides detailed bundle analysis on PRs for next.js apps

Next.js Bundle Analysis Github Action Analyzes each PR's impact on your next.js app's bundle size and displays it using a comment. Optionally supports

HashiCorp 369 Dec 27, 2022
Example project implementing authentication, authorization, and routing with Next.js and Supabase

Magic Link Authentication and Route Controls with Supabase and Next.js To run this project, To get started with this project, first create a new proje

Nader Dabit 134 Dec 11, 2022
Next-gen mobile first analytics server (think Mixpanel, Google Analytics) with built-in encryption supporting HTTP2 and gRPC. Node.js, headless, API-only, horizontally scaleable.

Introduction to Awacs Next-gen behavior analysis server (think Mixpanel, Google Analytics) with built-in encryption supporting HTTP2 and gRPC. Node.js

Socketkit 52 Dec 19, 2022