Главная
Study mode:
on
1
Introduction and Background
2
Running CSS-Tricks and CodePen
3
Workload and Challenges
4
Moving to Next.js
5
Server Components and Future Plans
6
Code Generation with Apollo
7
Apollo Code Gen and Type Checking
8
CodePen 2.0 Features
9
Simplicity vs Complexity
10
NPM Install and CodePen
11
NPM Support in CodePen 2.0
12
ESM vs CommonJS
13
Common JS and GraphQL
14
CodePen's Architecture and Transpilation
15
Serverless Architecture and Lambda Functions
16
Onboarding and Familiarity with CodePen's Codebase
17
Staying Up-to-Date with Industry Trends
18
CodePen's Design System
19
Using Tailwind CSS in CodePen
20
CodePen's Data Layer
21
AI Features and CodePen 2.0
22
Potential Acquisition of CodePen
Description:
Dive into an insightful 1 hour 35 minute talk featuring Chris Coyier, CEO of CodePen, as he shares his journey building CSS-Tricks and the ongoing development of CodePen 2.0. Explore the challenges of managing web projects, including advertising and business models. Gain valuable insights into CodePen's tech stack, featuring Next.js and GraphQL, and learn about the benefits of code generation tools for ensuring data consistency and type safety. Discover the future plans for CodePen, including the adoption of server components and NPM support. Delve into discussions on balancing simplicity and complexity in web development, serverless architecture, and staying current with industry trends. Explore CodePen's design system, the use of Tailwind CSS, and potential AI features in CodePen 2.0. Gain a comprehensive understanding of the inner workings and future direction of one of the web's most popular coding platforms.

Building CSS-Tricks and CodePen 2.0 - Insights from Chris Coyier

Tejas Kumar
Add to list
0:00 / 0:00