iT邦幫忙

2023 iThome 鐵人賽
DAY 1
1
自我挑戰組

初探全端之旅: 以MERN技術建立個人部落格系列 第 1 篇

[Day1]挑戰前言

15th鐵人賽 mern 全端 react node.js
421 瀏覽

  • 分享至 

  • xImage
    •  

緣由

個人擔任前端工程師有一小段時間，雖然工作上會了解到一些後端相關的觀念，但一直都沒有親自實作過。
身為一個熱愛挑戰(自虐）的人，希望透過這次鐵人賽紀錄自己30天內用全端開發的過程跟踩坑實記。

https://ithelp.ithome.com.tw/upload/images/20230915/20136558xQdfcTP0pQ.png

挑戰內容

使用MERN全端技術來開發🌐部落格專案。
（標題因為來不及改了，這個部落格是可以多人發布文章的，不是只有個人）
/images/emoticon/emoticon04.gif

預計會用到的技術

  1. MongoDB（資料庫）
  2. Express.js （後端框架）
  3. React.js （前端框架）
  4. Node.js （後端伺服器）
    (下一篇會再詳細介紹MERN)
  5. TailwindCSS(UI Library)

部落格功能

  1. 文章發布
  2. 文章管理
  3. 文章分類(依照標籤)
  4. 使用者身份驗證
  5. 使用者資訊管理

部落格功能結構圖

https://ithelp.ithome.com.tw/upload/images/20231008/20136558OM35q9k1yI.jpg

結語

/images/emoticon/emoticon06.gif

以上技術(除了React有稍微寫過sideprojects)我都不算熟悉，所以在開發過程中會簡單紀錄一些比較基本的觀念(尤其是後端)，若有什麼錯誤的地方也歡迎指正!


下一篇
[Day2]MERN介紹(MongoDB、Express.js、React.js、Node.js)
系列文
初探全端之旅: 以MERN技術建立個人部落格 共 31 篇
  1. 27
    [Day27]文章內容頁開發
  2. 28
    [Day28] 使用者頁面和更新使用者資料開發
  3. 29
    [Day29] 後端程式部署(render + google cloud storage)
  4. 30
    [Day30]前端程式部署(Vercel)
  5. 31
    [Day31] 完賽感言
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22077 篇
完賽人數
594 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙