#01 No-code 之旅 — 系列文介绍

前言

嗨，大家好！我是 Jade，这是我第一次参加 iTHome 铁人赛～ 好紧张ＸＤ
犹豫了很久之後，决定挑战自己在这 30 天制作最近很红的 no-code (无程序码) 网页！

主题

这次想挑战的并不是使用 no-code 平台实作一个网页出来，而是自己手刻制作无程序码的个人网页。什麽意思呢？意思是我会用 Next.js 实作一个网页，在这过程中也会跟大家分享 Next.js 的一些相关知识。网页做完之後，可以开始串接 API 而目前想到的是可以串 Github 和 Notion API，希望也能顺利接 Instagram 和 Youtube 的 API～ 最後就把整个网页部署推到 production 喔！给全世界的人看（？

那 no-code 的点在哪呢？这网页不需要更新或编辑，都会自动拿到最新资料 (自动化的概念？)，而且做完之後大家都可以拿来用做自己的个人网页！所以 no-code 是未来(开发完)的事，也是对其他人来说应该是 no-code 没错 ＸＤ

目标

讲一下我对自己的目标，也是这系列文的目标。我希望在第 30 天：

• 我能看到一个好看的个人网页而且是完全自动化的，
  • 也可以给别人拿来用做出自己喜欢的网页！
  • 代表这网页也要有一定程度的客制化功能ＸＤ
• 真的有 30 篇文章哈哈哈
  • 而且都有写到一开始预定的主题，
  • 也希望看到文章的大家都能有所收获～

当然也希望自己对所用到的技术有更深的了解与掌握。不过，本人也没串过 Github, Notion, Instagram, Youtube API，所以我也希望都可以顺利接起来。如果有其他个人网页相关的 API 也可以跟我说，我可以串串看！

规划

来吧！跟大家分享这系列文的主题规划：

• Next.js
  • 介绍
  • Setup
  • SSR - CSR - ISR - SSG
  • Data Fetching
  • Static File Serving
  • Image, Font, Script Optimization
  • Fast Refresh
  • ESLint
  • Environment Variables (.env)
  • TypeScript & Path Aliases
  • Polyfills
  • Routing
  • API Routes
  • Dynamic Import
• 部署 Deployment
  • Vercel
  • Node.js Server & Static HTML Export
  • Netlify
• SWR
• 第三方 (3rd Party) API
  • Github
  • Notion
  • Instagram
  • Youtube
  • 考虑中：Twitter, RSS
• Open Graph 与连结封面缩图
• Chakra UI: React UI Component Library
  • 介绍 & Setup
  • 客制化 Theme & Component Style
  • Hooks
• Google Analytics

这不是文章的顺序而是预计涵盖的范围～

小结

写完系列文的文章规划之後才发现超多的ＸＤ
看起来连假会很忙啊哈哈
希望没有跟着开发的人可以用我(之後)做出来的网页，做自己的个人网页～

欢迎看看我的无程序码之旅！ <3