[{"_1":2,"_259":-5,"_260":-5},"loaderData",{"_3":4,"_7":8},"root",{"_5":-5,"_6":-7},"theme","gaTrackingId","routes/tag.$name",{"_9":10,"_11":10,"_12":13,"_38":39,"_24":49,"_52":53},"tag","blog","title","displayPosts",[14,30],{"_15":16,"_11":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29},"slug","blog/change-to-remix","This website change To Remix","description","i love remix :)","date","2025-01-27T00:00:00.000Z","published",true,"tags",[10],"body","const{Fragment:n,jsx:e,jsxs:l}=arguments[0];function _createMdxContent(a){const r={a:\"a\",code:\"code\",em:\"em\",figure:\"figure\",li:\"li\",p:\"p\",pre:\"pre\",span:\"span\",strong:\"strong\",ul:\"ul\",...a.components};return l(n,{children:[l(r.p,{children:[\"Setelah akhirnya menghilang dari lane website akhirnya aku kembali lagi, mengurus urusan perkuliahan pada semester akhir and now I'm Back! 🚀 look what i have right know I'm exploring some new other framework: \",e(r.strong,{children:\"REMIX.\"})]}),\"\\n\",e(\"img\",{src:\"/blog/change_to_remix.jpg\"}),\"\\n\",e(\"h2\",{children:\"Background\"}),\"\\n\",l(r.p,{children:[\"Semua bermula dari sidang akhir skripsi saya menggunakan nextjs (*cek skripsiku \",e(r.a,{href:\"https://doi.org/10.31154/cogito.v10i2.764.447-459\",children:\"disini\"}),\") dimana dosen penguji saya menanyakan hal hal yang saya sulit untuk menjawab 😤.salah satu masukan yang beliau berikan adalah untuk saya mempelajari remix dari pada nextjs yang tidak stabil dari situlah saya belajar dan woaww saya sangat menyukainya ❤️\"]}),\"\\n\",e(\"h2\",{children:\"Remix\"}),\"\\n\",l(r.p,{children:[\"Buat kamu yang tidak tau remix, remix adalah framework react saingannya nextjs mereka punya slogan keren yaitu \",e(r.em,{children:'\"Focused on web standards and modern web app UX, you’re simply going to build better websites\"'}),\" Better website dan web standards, remix menurutku keren banget dan bisa dibilang akan aku gunakan terus untuk beberapa projek kedepan 🌟\"]}),\"\\n\",e(r.p,{children:\"Remix simple, tidak ada folder folder, dan menurutku cukup praktis dan elegan, pemanggilan api juga enak dan berbagai macam, untuk itulah projek pertamaku yaitu merevamp ini kepada Remix\"}),\"\\n\",e(\"h2\",{children:\"Nextjs vs Remix\"}),\"\\n\",e(r.p,{children:\"Bukan berarti aku senang ketika aku pindah framework aku memerlukan waktu berminggu-minggu untuk menentukan apakah aku perlu mempelajari remix daripada Nextjs yang sudah aku mulai kuasai di tahun lalu bahkan penelitianku menggunakan next yang sangat luat biasa\"}),\"\\n\",e(r.p,{children:\"namun satu hal yang aku mulai benci dari nextjs adalah ketidakstabilannya yang skrng sudah makin terlihat ketika aku melihat nextjs 15 rilis itulah sebabnya aku merasa tidak stabil nextjs lama lama krn berbagai fitur yang mulai berbeda beda dan aneh, dibandingkan remix yang sampai sekarang masi saja versi 2.15\"}),\"\\n\",e(r.p,{children:\"namun inilah beberapa Benefit Remix yang tidak dimiliki nextjs\"}),\"\\n\",l(r.ul,{children:[\"\\n\",e(r.li,{children:\"Kecepatan Gila banget, bahkan pada internet yang lemah\"}),\"\\n\",e(r.li,{children:\"Formulir yang elegan\"}),\"\\n\",e(r.li,{children:\"Tidak memerlukan JS sisi klien\"}),\"\\n\",e(r.li,{children:\"Mengadopsi API Standar WEB\"}),\"\\n\",e(r.li,{children:\"Rute Berserang\"}),\"\\n\",e(r.li,{children:\"Meta Framework dengan React Router\"}),\"\\n\"]}),\"\\n\",e(r.p,{children:\"Kelemahan pada remix adalah di\"}),\"\\n\",l(r.ul,{children:[\"\\n\",e(r.li,{children:\"Komunitasnya\"}),\"\\n\",e(r.li,{children:\"Optimasi Gambar\"}),\"\\n\",e(r.li,{children:\"Generasi Situs Statis\"}),\"\\n\"]}),\"\\n\",l(r.p,{children:[\"untuk detail perbandingan lebih lanjut bisa kamu lihat blog dari \",e(r.a,{href:\"https://remix.run/blog/remix-vs-next\",children:\"Ryan Florence\"}),\"\\r\\nkesimpulannya jelas bahwa Remix lebih cepat dibandingkan Next js dan itu terbukti dari beberapa video capture yang dibuatnya\"]}),\"\\n\",e(r.p,{children:\"Salah satu hal menarik tentang Remix adalah kita tidak perlu membuat berbagai file untuk API; kita bisa memanggilnya dalam file yang sama. Berikut adalah contoh implementasinya:\"}),\"\\n\",e(r.p,{children:e(r.em,{children:\"route\\\\note.tsx\"})}),\"\\n\",e(r.figure,{\"data-rehype-pretty-code-figure\":\"\",children:e(r.pre,{style:{backgroundColor:\"#24292e\",color:\"#e1e4e8\"},tabIndex:\"0\",\"data-language\":\"tsx\",\"data-theme\":\"github-dark\",children:l(r.code,{\"data-language\":\"tsx\",\"data-theme\":\"github-dark\",style:{display:\"grid\"},children:[l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\"export\"}),e(r.span,{style:{color:\"#F97583\"},children:\" const\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" meta\"}),e(r.span,{style:{color:\"#F97583\"},children:\":\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" MetaFunction\"}),e(r.span,{style:{color:\"#F97583\"},children:\" =\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" () \"}),e(r.span,{style:{color:\"#F97583\"},children:\"=>\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" {\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" return\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" [\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#E1E4E8\"},children:\" { title: \"}),e(r.span,{style:{color:\"#9ECBFF\"},children:'\"Notes\"'}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" },\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#E1E4E8\"},children:\" { name: \"}),e(r.span,{style:{color:\"#9ECBFF\"},children:'\"description\"'}),e(r.span,{style:{color:\"#E1E4E8\"},children:\", content: \"}),e(r.span,{style:{color:\"#9ECBFF\"},children:'\"This is a notes!\"'}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" },\"})]}),\"\\n\",e(r.span,{\"data-line\":\"\",children:e(r.span,{style:{color:\"#E1E4E8\"},children:\" ]; \"})}),\"\\n\",e(r.span,{\"data-line\":\"\",children:e(r.span,{style:{color:\"#E1E4E8\"},children:\"};\"})}),\"\\n\",e(r.span,{\"data-line\":\"\",children:\" \"}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\"export\"}),e(r.span,{style:{color:\"#F97583\"},children:\" default\"}),e(r.span,{style:{color:\"#F97583\"},children:\" function\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" NotesPage\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"() {\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" const\"}),e(r.span,{style:{color:\"#79B8FF\"},children:\" notes\"}),e(r.span,{style:{color:\"#F97583\"},children:\" =\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" useLoaderData\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"<\"}),e(r.span,{style:{color:\"#79B8FF\"},children:\"any\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\">();\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" return\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" (\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#E1E4E8\"},children:\" <\"}),e(r.span,{style:{color:\"#85E89D\"},children:\"main\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\">\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#E1E4E8\"},children:\" <\"}),e(r.span,{style:{color:\"#79B8FF\"},children:\"NewNote\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" />\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#E1E4E8\"},children:\" <\"}),e(r.span,{style:{color:\"#79B8FF\"},children:\"NoteList\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" notes\"}),e(r.span,{style:{color:\"#F97583\"},children:\"=\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"{notes} />\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#E1E4E8\"},children:\" \"})]}),\"\\n\",e(r.span,{\"data-line\":\"\",children:e(r.span,{style:{color:\"#E1E4E8\"},children:\" );\"})}),\"\\n\",e(r.span,{\"data-line\":\"\",children:e(r.span,{style:{color:\"#E1E4E8\"},children:\"}\"})}),\"\\n\",e(r.span,{\"data-line\":\"\",children:\" \"}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\"export\"}),e(r.span,{style:{color:\"#F97583\"},children:\" async\"}),e(r.span,{style:{color:\"#F97583\"},children:\" function\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" loader\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"() {\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" const\"}),e(r.span,{style:{color:\"#79B8FF\"},children:\" notes\"}),e(r.span,{style:{color:\"#F97583\"},children:\" =\"}),e(r.span,{style:{color:\"#F97583\"},children:\" await\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" getStoredNotes\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"();\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" if\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"(\"}),e(r.span,{style:{color:\"#F97583\"},children:\"!\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"notes \"}),e(r.span,{style:{color:\"#F97583\"},children:\"||\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" notes.\"}),e(r.span,{style:{color:\"#79B8FF\"},children:\"length\"}),e(r.span,{style:{color:\"#F97583\"},children:\" ===\"}),e(r.span,{style:{color:\"#79B8FF\"},children:\" 0\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\") {\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" throw\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" json\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"({message: \"}),e(r.span,{style:{color:\"#9ECBFF\"},children:\"'No notes found'\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"}, {status: \"}),e(r.span,{style:{color:\"#79B8FF\"},children:\"404\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\", statusText: \"}),e(r.span,{style:{color:\"#9ECBFF\"},children:\"'No notes found'\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"});\"})]}),\"\\n\",e(r.span,{\"data-line\":\"\",children:e(r.span,{style:{color:\"#E1E4E8\"},children:\" }\"})}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" return\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" notes;\"})]}),\"\\n\",e(r.span,{\"data-line\":\"\",children:e(r.span,{style:{color:\"#E1E4E8\"},children:\"}\"})}),\"\\n\",e(r.span,{\"data-line\":\"\",children:\" \"}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\"export\"}),e(r.span,{style:{color:\"#F97583\"},children:\" const\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" action\"}),e(r.span,{style:{color:\"#F97583\"},children:\":\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" ActionFunction\"}),e(r.span,{style:{color:\"#F97583\"},children:\" =\"}),e(r.span,{style:{color:\"#F97583\"},children:\" async\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" ({ \"}),e(r.span,{style:{color:\"#FFAB70\"},children:\"request\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" }) \"}),e(r.span,{style:{color:\"#F97583\"},children:\"=>\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" {\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" const\"}),e(r.span,{style:{color:\"#79B8FF\"},children:\" formData\"}),e(r.span,{style:{color:\"#F97583\"},children:\" =\"}),e(r.span,{style:{color:\"#F97583\"},children:\" await\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" request.\"}),e(r.span,{style:{color:\"#B392F0\"},children:\"formData\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"();\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" const\"}),e(r.span,{style:{color:\"#79B8FF\"},children:\" noteData\"}),e(r.span,{style:{color:\"#F97583\"},children:\" =\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" Object.\"}),e(r.span,{style:{color:\"#B392F0\"},children:\"fromEntries\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"(formData);\"})]}),\"\\n\",e(r.span,{\"data-line\":\"\",children:e(r.span,{style:{color:\"#E1E4E8\"},children:\" \"})}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" if\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"(noteData.title.\"}),e(r.span,{style:{color:\"#B392F0\"},children:\"trim\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"().\"}),e(r.span,{style:{color:\"#79B8FF\"},children:\"length\"}),e(r.span,{style:{color:\"#F97583\"},children:\" <\"}),e(r.span,{style:{color:\"#79B8FF\"},children:\" 5\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\") {\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" return\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" {message: \"}),e(r.span,{style:{color:\"#9ECBFF\"},children:\"'Title must be at least 5 characters long'\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"};\"})]}),\"\\n\",e(r.span,{\"data-line\":\"\",children:e(r.span,{style:{color:\"#E1E4E8\"},children:\" }\"})}),\"\\n\",e(r.span,{\"data-line\":\"\",children:\" \"}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" const\"}),e(r.span,{style:{color:\"#79B8FF\"},children:\" existingNotes\"}),e(r.span,{style:{color:\"#F97583\"},children:\" =\"}),e(r.span,{style:{color:\"#F97583\"},children:\" await\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" getStoredNotes\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"();\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#E1E4E8\"},children:\" noteData.id \"}),e(r.span,{style:{color:\"#F97583\"},children:\"=\"}),e(r.span,{style:{color:\"#F97583\"},children:\" new\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" Date\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"().\"}),e(r.span,{style:{color:\"#B392F0\"},children:\"toISOString\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"();\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" const\"}),e(r.span,{style:{color:\"#79B8FF\"},children:\" updatedNotes\"}),e(r.span,{style:{color:\"#F97583\"},children:\" =\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" existingNotes.\"}),e(r.span,{style:{color:\"#B392F0\"},children:\"concat\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"(noteData);\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" await\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" storeNotes\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"(updatedNotes);\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" return\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" redirect\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"(\"}),e(r.span,{style:{color:\"#9ECBFF\"},children:\"'/notes'\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\");\"})]}),\"\\n\",e(r.span,{\"data-line\":\"\",children:e(r.span,{style:{color:\"#E1E4E8\"},children:\"}\"})}),\"\\n\",e(r.span,{\"data-line\":\"\",children:\" \"}),\"\\n\",e(r.span,{\"data-line\":\"\",children:\" \"}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\"export\"}),e(r.span,{style:{color:\"#F97583\"},children:\" function\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" ErrorBoundary\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"({\"}),e(r.span,{style:{color:\"#FFAB70\"},children:\"error\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\"}) {\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#F97583\"},children:\" return\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\" (\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#E1E4E8\"},children:\" <\"}),e(r.span,{style:{color:\"#85E89D\"},children:\"main\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" className\"}),e(r.span,{style:{color:\"#F97583\"},children:\"=\"}),e(r.span,{style:{color:\"#9ECBFF\"},children:'\"error\"'}),e(r.span,{style:{color:\"#E1E4E8\"},children:\">\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#E1E4E8\"},children:\" <\"}),e(r.span,{style:{color:\"#85E89D\"},children:\"h1\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\">An Error occured\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#E1E4E8\"},children:\" <\"}),e(r.span,{style:{color:\"#85E89D\"},children:\"p\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\">{error}\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#E1E4E8\"},children:\" <\"}),e(r.span,{style:{color:\"#85E89D\"},children:\"p\"}),e(r.span,{style:{color:\"#E1E4E8\"},children:\">\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#E1E4E8\"},children:\" Back to <\"}),e(r.span,{style:{color:\"#79B8FF\"},children:\"Link\"}),e(r.span,{style:{color:\"#B392F0\"},children:\" to\"}),e(r.span,{style:{color:\"#F97583\"},children:\"=\"}),e(r.span,{style:{color:\"#9ECBFF\"},children:'\"/\"'}),e(r.span,{style:{color:\"#E1E4E8\"},children:\">safety\"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#E1E4E8\"},children:\" \"})]}),\"\\n\",l(r.span,{\"data-line\":\"\",children:[e(r.span,{style:{color:\"#E1E4E8\"},children:\" \"})]}),\"\\n\",e(r.span,{\"data-line\":\"\",children:e(r.span,{style:{color:\"#E1E4E8\"},children:\" )\"})}),\"\\n\",e(r.span,{\"data-line\":\"\",children:e(r.span,{style:{color:\"#E1E4E8\"},children:\"}\"})})]})})}),\"\\n\",e(r.p,{children:\"Bisa kamu lihat untuk loading fetching data, itu pada loader, lalu error jika not found itu ada error boundary lalu untuk action juga pada hal yang sama dan menurut aku itu sangat luar biasa, aku menyarankan kalian untuk mempelajari remix dan berikan tanggapanmu\"}),\"\\n\",e(\"h4\",{children:\"Jadi Menurut kamu apa sudah siap pindah ke remix ?\"})]})}return{default:function(n={}){const{wrapper:l}=n.components||{};return l?e(l,{...n,children:e(_createMdxContent,{...n})}):_createMdxContent(n)}};","slugAsParams","change-to-remix",{"_15":31,"_11":32,"_18":33,"_20":34,"_22":23,"_24":35,"_26":36,"_28":37},"blog/update-website","Update Website 2.0","ada yang baru nih di website 2.0","2024-05-19T00:00:00.000Z",[10],"const{Fragment:a,jsx:n,jsxs:e}=arguments[0];function _createMdxContent(i){const t={a:\"a\",h2:\"h2\",li:\"li\",ol:\"ol\",p:\"p\",strong:\"strong\",...i.components};return e(a,{children:[e(t.p,{children:[\"Akhirnya Website versi dua sudah terupload setelah sekian lama akhirnya punya waktu untuk otak atik website yang terbengkalai 2 bulan ini 🥲 dengan\\r\\nwebsite versi 2.0 yang jauh agak berbeda dari sebelumnya namun tenang saja kalau ingin cek perkembangannya bisa tetap diakses di sini yaitu: \",n(t.a,{href:\"https://petershaanv1.vercel.app/\",children:n(t.strong,{children:\"versi 1\"})})]}),\"\\n\",n(t.h2,{id:\"fitur-update-yang-ada\",children:n(t.a,{className:\"subheading-anchor\",\"aria-label\":\"Link to section\",href:\"#fitur-update-yang-ada\",children:\"Fitur Update yang ada\"})}),\"\\n\",n(t.p,{children:\"ada banyak fitur update yang ada di website terbaru ini diantaranya adalah\"}),\"\\n\",e(t.ol,{children:[\"\\n\",n(t.li,{children:\"Typescript\"}),\"\\n\",n(t.li,{children:\"fitur MDX\"}),\"\\n\",n(t.li,{children:\"Shadcdn\"}),\"\\n\",n(t.li,{children:\"Velite\"}),\"\\n\",n(t.li,{children:\"OG Image\"}),\"\\n\",n(t.li,{children:\"Ada Fitur Watchernya dong pake upstash\"}),\"\\n\"]})]})}return{default:function(a={}){const{wrapper:e}=a.components||{};return e?n(e,{...a,children:n(_createMdxContent,{...a})}):_createMdxContent(a)}};","update-website","sortedTags",[10,40,41,42,43,44,45,46,47,48],"backend","tips and tricks","arc","browser","chrome vs arc","bangkit-academy","capstone-project","react","nextjs",{"_40":50,"_41":50,"_42":50,"_43":50,"_44":50,"_45":50,"_46":50,"_10":51,"_47":50,"_48":50},1,2,"postViews",[54,60,63,67,71,74,79,83,88,92,96,100,104,108,112,116,120,125,129,132,135,139,143,146,150,154,157,160,163,166,171,174,178,181,185,189,192,195,198,202,205,209,213,217,221,225,229,233,237,240,244,247,250,253,256],{"_55":56,"_15":57,"_58":59},"_id","6796017fa1b86e38ec43fadb","arc-vs-chrome","viewCount",2355,{"_55":61,"_15":37,"_58":62},"6796038ca1b86e38ec43fadc",339,{"_55":64,"_15":65,"_58":66},"6796039ea1b86e38ec43fadd","5-tips-backend",1005,{"_55":68,"_15":69,"_58":70},"6796044ea1b86e38ec43fade","capstone-bangkit",459,{"_55":72,"_15":29,"_58":73},"6796ec015b000fb36076aacf",532,{"_55":75,"_15":76,"_58":77,"_78":50},"67970287f4c3e9f1ffbadfdf","kenapa-react",149,"likeCount",{"_55":80,"_15":81,"_58":82},"681867edbed3032688d19c03","make-wedding-invitation-online",478,{"_55":84,"_15":85,"_58":86,"_78":87},"6819813818bee54c61987926","update-website-v3",213,3,{"_55":89,"_15":90,"_58":91},"682cab4ba79b407189570132","google-analytics",226,{"_55":93,"_15":94,"_58":95},"682e0f04d0c860f03f4f17fe","laragon-is-dead",411,{"_55":97,"_15":98,"_58":99,"_78":50},"68518116f7adfca510a86574","count-view-like-next-mongodb",270,{"_55":101,"_15":102,"_58":103},"6879f991bd8b2ea8c54be958","supervisor-laravel",236,{"_55":105,"_15":106,"_58":107,"_78":50},"689462a11ea2a4cccfa09c79","seo-next-js",157,{"_55":109,"_15":110,"_58":111},"68afed318777c0d030342f0e","the-hidden-bug",130,{"_55":113,"_15":114,"_58":115,"_78":87},"68de1e610ac20bea8ff8798d","authentication-is-not-simple",150,{"_55":117,"_15":118,"_58":119,"_78":51},"691bed749db36b13b3f775b2","learn-microservice",141,{"_55":121,"_15":122,"_58":123,"_78":124},"694b479a89eef7beb5bc455d","must-learn-docker-2026",207,6,{"_55":126,"_15":127,"_58":128,"_78":87},"694b585ad5cc738f488e1acd","project/hrnow",87,{"_55":130,"_15":131,"_58":87},"694b5a06d5cc738f488e1ace","project/cbn-cloud",{"_55":133,"_15":134,"_58":51},"694b5b85d5cc738f488e1acf","project/dik-dea",{"_55":136,"_15":137,"_58":138,"_78":50},"694b5c2ed5cc738f488e1ad0","project/bem-unai",5,{"_55":140,"_15":141,"_58":142},"694b6dc8d5cc738f488e1ad1","project/kozmo",52,{"_55":144,"_15":145,"_58":51},"694b76a354862eff8200fe56","project/thimmy-story",{"_55":147,"_15":148,"_58":149,"_78":51},"69514c949e60d1f924b6b4e4","project/shabo",96,{"_55":151,"_15":152,"_58":153,"_78":50},"6952e9b956d179a3746ff1ae","project/weedingly",120,{"_55":155,"_15":156,"_58":51},"695328b7105bbbb7d08fd938","project/the-wild-oasis",{"_55":158,"_15":159,"_58":87},"69536bbb9eebb1bc3c634001","project/unai",{"_55":161,"_15":162,"_58":51},"69548545de7765a4b247aef0","project/fti-faculty",{"_55":164,"_15":165,"_58":138},"6955c6bc8f52cfd9baedd5cf","project/fe-faculty",{"_55":167,"_15":168,"_58":169,"_78":170},"695e09ae90e40861abdd7382","kubernetas-argo-istio",194,4,{"_55":172,"_15":173,"_58":124},"695fdb7567efc84502363b7f","project/e-msaec",{"_55":175,"_15":176,"_58":177,"_78":170},"69d11241933370de4d2dafd2","engineer-to-ai",158,{"_55":179,"_15":180,"_58":51},"69d45ca4686096577484a167","project/gapa-tetris",{"_55":182,"_15":183,"_58":184},"69d8b15b4d2407f8a4b7663c","project/q-wanflow",37,{"_55":186,"_15":187,"_58":188},"6a0ac6c41025b0af1965cd67","notes/install-flutter",10,{"_55":190,"_15":191,"_58":188},"6a0ac79a1025b0af1965cd68","notes/git-reset-branch-baru",{"_55":193,"_15":194,"_58":188},"6a0ad4f0c38311bec39e804c","notes/read-pdf-python",{"_55":196,"_15":197,"_58":138},"6a0ad59bc38311bec39e804d","notes/ssh-key-setup",{"_55":199,"_15":200,"_58":201},"6a0ad6f7c38311bec39e804e","notes/aws-ec2-ssh-key-setup",12,{"_55":203,"_15":204,"_58":201},"6a0ad7d4c38311bec39e804f","notes/git-fresh-branch",{"_55":206,"_15":207,"_58":208},"6a0ad826c38311bec39e8050","notes/gitlab-private-clone",25,{"_55":210,"_15":211,"_58":212},"6a0ae4a6c38311bec39e8051","notes/prompt-image-enhance",8,{"_55":214,"_15":215,"_58":216},"6a0ae50ec38311bec39e8052","notes/terminal-commands",13,{"_55":218,"_15":219,"_58":220},"6a0ae556c38311bec39e8053","notes/prompt-1",27,{"_55":222,"_15":223,"_58":224},"6a0ae67fc38311bec39e8054","notes/zsh-setup",14,{"_55":226,"_15":227,"_58":228},"6a0afbf782c52ec53149ee86","notes/psql-commands",20,{"_55":230,"_15":231,"_58":232},"6a0aff3b22e842ed7d6aa2a9","notes/vercel-pull-env",21,{"_55":234,"_15":235,"_58":236},"6a1895a41ec8076ac24b892a","notes/generate-go-grpc-code-dari-proto",7,{"_55":238,"_15":239,"_58":236},"6a1895ac1ec8076ac24b892b","notes/tes",{"_55":241,"_15":242,"_58":243},"6a18d227db7e9af871acf455","notes/testing",9,{"_55":245,"_15":246,"_58":51},"6a1ff56335a35406dc7fd090","notes/docker-nginx",{"_55":248,"_15":249,"_58":50},"6a2dc41bf1c5652d3f36e7ef","project/wonderful-indonesia-clone",{"_55":251,"_15":252,"_58":50},"6a2dc7eb3b7b17dfbeed91c3","project/pmb-unai",{"_55":254,"_15":255,"_58":50},"6a2eabfa51f3a190ecfda1d0","project/riotid",{"_55":257,"_15":258,"_58":50},"6a30af1121b62b02d7986b20","project/ecms","actionData","errors"]

Tag: blog

This website change To Remix

Update Website 2.0

New Update Available