Youngeonlee-frontend Next.js和TypeScript示例应用

你想让前端开发更简单、轻松吗?试试youngeonlee-frontend!这是个用Next.jsTypescript构建的示例应用,集成了chakra-ui,让你从开发到部署都能感受到超爽的体验。项目自动带有 TypeScript 声明,输入时有自动补全,减少了不少麻烦。最酷的是它还自带暗/亮模式切换,前端页面能自适应用户需求,友好。嗯,部署起来也蛮,直接用命令行就能启动:

npx create-next-app --example with-chakra-ui-typescript-app
,你可以根据这个来修改或扩展你的组件库。,这个示例项目能帮你快速上手,提升开发效率。

想要让自己的应用支持更多的样式,使用chakra-ui的样式道具是个不错的选择。如果你快速构建一些页面,或者想要了解如何集成Next.jschakra-ui,这个示例真的是一个不错的参考。

推荐你看看这个示例,自己试试看,应该会觉得挺有意思的。如果你喜欢这种组合,会对提升开发速度和质量有不小的。

zip
youngeonlee-frontend-main.zip 预估大小:47个文件
folder
youngeonlee-frontend-main 文件夹
file
.gitignore 386B
file
schema.gql 147B
file
tsconfig.json 580B
file
README.md 1KB
file
codegen.yml 234B
file
.prettierrc 80B
file
package.json 1KB
folder
src 文件夹
folder
components 文件夹
folder
video-chat 文件夹
file
VideoControls.tsx 8KB
file
CreateRoomForm.tsx 4KB
file
UserMedia.tsx 641B
file
PromptPassword.tsx 3KB
file
VideoBox.tsx 1KB
file
ChatOpenCloseButton.tsx 2KB
file
ChatMessages.tsx 921B
file
ChatInput.tsx 426B
file
Rooms.tsx 1KB
file
OtherVideos.tsx 940B
file
Projects.tsx 1KB
folder
shared 文件夹
file
CTA.tsx 759B
file
Profile.tsx 239B
file
MyContainer.tsx 192B
file
Footer.tsx 144B
file
Card.tsx 522B
file
InputFields.tsx 2KB
file
Main.tsx 232B
file
DarkModeSwitch.tsx 362B
file
Hero.tsx 295B
file
theme.tsx 579B
file
types.ts 58B
folder
utils 文件夹
file
debounce.ts 1KB
file
generateUser.ts 780B
folder
video-chat 文件夹
file
functions.ts 2KB
file
objectFilter.ts 355B
file
useHasMounted.ts 293B
file
HTMLElementContains.ts 250B
folder
generated 文件夹
file
graphql.tsx 5KB
folder
public 文件夹
file
profile-picture.jpg 463KB
folder
pages 文件夹
file
_app.tsx 923B
file
index.tsx 501B
file
test.tsx 674B
file
_document.tsx 440B
folder
video-chat 文件夹
file
index.tsx 1KB
folder
room 文件夹
file
[roomName].tsx 11KB
folder
graphql 文件夹
folder
mutations 文件夹
file
createRoom.graphql 141B
folder
queries 文件夹
file
rooms.graphql 97B
file
next-env.d.ts 75B
file
package-lock.json 934KB
zip 文件大小:721.64KB