[{"data":1,"prerenderedAt":243},["ShallowReactive",2],{"navigation":3,"project-\u002Fprojects\u002Fblog":26,"challenges-\u002Fprojects\u002Fblog":84},[4],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Blog","\u002Fblog","blog",[9,13,17,21],{"title":10,"path":11,"stem":12},"From Mockup to Market: My End-to-End Product Design Process","\u002Fblog\u002Ffrom-mockup-to-market","blog\u002Ffrom-mockup-to-market",{"title":14,"path":15,"stem":16},"How I Built My Design System from Scratch","\u002Fblog\u002Fhow-i-built-my-own-design-system-from-scratch","blog\u002Fhow-i-built-my-own-design-system-from-scratch",{"title":18,"path":19,"stem":20},"The Psychology of Color in UI Design","\u002Fblog\u002Fpsychology-of-color-in-ui-design","blog\u002Fpsychology-of-color-in-ui-design",{"title":22,"path":23,"stem":24},"The Case for Slow Design in a Fast-Paced Digital World","\u002Fblog\u002Fslow-design-in-fast-paced-digital-world","blog\u002Fslow-design-in-fast-paced-digital-world",false,{"id":27,"title":28,"body":29,"company":30,"date":31,"description":32,"endDate":33,"extension":34,"image":35,"images":36,"links":48,"meta":54,"navigation":55,"order":56,"path":57,"seo":58,"startDate":31,"stem":59,"tags":60,"technologies":64,"url":82,"__hash__":83},"projects\u002Fprojects\u002Fblog.yml","پلتفرم بلاگ و مدیریت محتوا",null,"ویاناسیستم","2024-08-01","طراحی و پیاده‌سازی یک پلتفرم بلاگ با تمرکز بر مدیریت و انتشار محتوا، شامل پنل مدیریت، ویرایشگر محتوا و ساختار لازم برای ایجاد، ویرایش و انتشار مطالب.","2024-09-30","yml","https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fblog\u002Fblog.png",[37,38,40,42,44,46],{"src":35,"alt":30},{"src":39,"alt":30},"https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fblog\u002Fblog%20%281%29.png",{"src":41,"alt":30},"https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fblog\u002Fblog%20articles-responsive%20-%20Copy.png",{"src":43,"alt":30},"https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fblog\u002Fblog%20articles-responsive.png",{"src":45,"alt":30},"https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fblog\u002Fblog%20list-responsive%20-%20Copy.png",{"src":47,"alt":30},"https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fblog\u002Fblog%20list-responsive.png",[49],{"label":50,"to":51,"target":52,"icon":53},"مشاهده پروژه","","_blank","i-lucide-external-link",{},true,"9","\u002Fprojects\u002Fblog",{"title":28,"description":32},"projects\u002Fblog",[5,61,62,63],"CMS","Nuxt.js","Vue.js",[65,72,77],{"category":66,"items":67},"frontend",[68,69,70,71],"Nuxt.js 3","Vue.js 3","Vuetify","Pinia",{"category":73,"items":74},"content",[75,76],"Rich Text Editor","Content Management",{"category":78,"items":79},"ui & utilities",[80,81],"VueUse","Swiper","https:\u002F\u002Fwww.figma.com\u002Fproto\u002FswWlrSzaQWzZFRJLNeI90t\u002FViana-System--website--stories--posts-?node-id=1409-5385&t=TMeyeGvKEwzvCzOF-1","Mj3BPpZT4m_uwSJ5i8rqolJg-r-PHfYpV6AobxZVem8",{"id":85,"title":86,"body":87,"description":51,"extension":237,"meta":238,"navigation":55,"path":239,"seo":240,"stem":241,"__hash__":242},"projectChallenges\u002Fprojects\u002Fblog-challenges.md","چالش اصلی",{"type":88,"value":89,"toc":229},"minimark",[90,94,105,111,118,123,126,129,154,157,160,164,171,174,177,181,187,190,196,199,203,206,209,212,215,220,226],[91,92,86],"h1",{"id":93},"چالش-اصلی",[95,96,97],"warning",{},[98,99,100,104],"p",{},[101,102,103],"strong",{},"وضعیت پروژه:"," وبسایت این پروژه دیگر در دسترس نیست و شما به پروتوتایپ آن متصل می شوید.",[98,106,107,110],{},[101,108,109],{},"پروژه بلاگ ویاناسیستم"," با هدف ایجاد بستری برای تولید، مدیریت و انتشار محتوای وبلاگی توسعه داده شد.",[98,112,113,114,117],{},"تمرکز اصلی پروژه روی ایجاد یک ساختار مناسب برای ",[101,115,116],{},"Blog و Content Management"," بود تا تیم بتواند محتوای خود را ایجاد، ویرایش و منتشر کند.",[119,120,122],"h2",{"id":121},"ساختار-بلاگ","ساختار بلاگ",[98,124,125],{},"در این پروژه ساختار اصلی یک پلتفرم بلاگ پیاده‌سازی شد.",[98,127,128],{},"این ساختار شامل بخش‌هایی مانند:",[130,131,132,136,139,142,145,148,151],"ul",{},[133,134,135],"li",{},"لیست مقالات",[133,137,138],{},"صفحه جزئیات مقاله",[133,140,141],{},"دسته‌بندی محتوا",[133,143,144],{},"اطلاعات و Metadata مقالات",[133,146,147],{},"نمایش محتوای مقاله",[133,149,150],{},"مدیریت وضعیت انتشار",[133,152,153],{},"مدیریت محتوای نوشته‌ها",[98,155,156],{},"بود.",[98,158,159],{},"هدف این بود که ساختار بلاگ به شکلی طراحی شود که در آینده امکان اضافه کردن محتوا و توسعه قابلیت‌های مرتبط با آن وجود داشته باشد.",[119,161,163],{"id":162},"پنل-مدیریت","پنل مدیریت",[98,165,166,167,170],{},"یکی از بخش‌های مهم پروژه، ایجاد ",[101,168,169],{},"پنل مدیریت محتوا"," بود.",[98,172,173],{},"مدیر سیستم باید بتواند محتوای بلاگ را از طریق یک محیط مدیریتی کنترل کند و عملیات مربوط به مقالات را بدون نیاز به تغییر مستقیم کد انجام دهد.",[98,175,176],{},"در این بخش قابلیت‌هایی برای مدیریت و سازمان‌دهی محتوای بلاگ در نظر گرفته شد.",[119,178,180],{"id":179},"ویرایشگر-محتوا","ویرایشگر محتوا",[98,182,183,184,170],{},"یکی از چالش‌های اصلی پروژه، پیاده‌سازی محیط مناسب برای ",[101,185,186],{},"نوشتن و ویرایش مقالات",[98,188,189],{},"به‌جای دریافت متن ساده، نیاز بود نویسنده بتواند محتوای خود را با ساختار مناسب ایجاد کند.",[98,191,192,193,195],{},"به همین دلیل با مفهوم ",[101,194,75],{}," و نحوه مدیریت محتوای ساختاریافته آشنا شدم.",[98,197,198],{},"این بخش امکان ایجاد محتوایی با ساختار مناسب برای انتشار در بلاگ را فراهم می‌کرد.",[119,200,202],{"id":201},"معماری-قابل-توسعه","معماری قابل توسعه",[98,204,205],{},"یکی از نکات مهم پروژه، طراحی ساختار به شکلی بود که اضافه کردن قابلیت‌های جدید به سیستم محتوا در آینده ساده باشد.",[98,207,208],{},"به همین دلیل بخش‌های مختلف مانند نمایش محتوا، مدیریت مقالات و پنل مدیریت تا حد امکان به صورت Componentهای مستقل پیاده‌سازی شدند.",[98,210,211],{},"این رویکرد باعث شد نگهداری و توسعه پروژه ساده‌تر شود و بتوان قابلیت‌های جدید را بدون ایجاد تغییرات گسترده در کل سیستم اضافه کرد.",[119,213,214],{"id":214},"نتیجه",[98,216,217,218,170],{},"پروژه بلاگ ویاناسیستم تجربه‌ای عملی در زمینه ساخت یک سیستم ",[101,219,116],{},[98,221,222,223,225],{},"در این پروژه با فرآیند ایجاد و مدیریت محتوای وبلاگی، طراحی پنل مدیریت و همچنین پیاده‌سازی و استفاده از ",[101,224,75],{}," برای تولید محتوای ساختاریافته آشنا شدم.",[98,227,228],{},"این پروژه همچنین تجربه‌ای برای کار با معماری قابل توسعه در پروژه‌های محتوایی بود؛ به‌گونه‌ای که امکان اضافه کردن مقالات و قابلیت‌های جدید بدون پیچیده شدن ساختار پروژه وجود داشته باشد.",{"title":51,"searchDepth":230,"depth":230,"links":231},2,[232,233,234,235,236],{"id":121,"depth":230,"text":122},{"id":162,"depth":230,"text":163},{"id":179,"depth":230,"text":180},{"id":201,"depth":230,"text":202},{"id":214,"depth":230,"text":214},"md",{},"\u002Fprojects\u002Fblog-challenges",{"title":86,"description":51},"projects\u002Fblog-challenges","f5LBfStNLymfeXjSuW6Qjv90_Gl9b9N9CfW2pffVquk",1786900462755]