مقایسه ی SSR با CSR
اول اینکه SSR یعنی تمامی المان های سایت در سرور رندر شوند و برای ما در قالب فایل های آماده و قابل نمایش ارسال می شوند.
دوم اینکه CSR یعنی تقریبا بیشتر المان ها سمت کلاینت رندر شوند و عمدتا از تکنولوژی V-Dom استفاده می کنند.
نکته ی جالب اینجاست که SSR در ری اکت اصلا شبیه چیزی که در گذشته سراغ داشتیم مثل Wordpress , Laravel,Asp.net و …. نیست.
و حالا بیشتر درباره ی مفهوم اصلی SSR بررسی می کنیم.
وقتی وب اپلیکیشن ما به صورت CSR یا همان SPA نوشته شود چیزی که crawler گوگل یا موتور های جستجوی دیگه خواهند دید تنها یک container از نوع html است که خالی می باشد.
چون CSR هر آنچه که لازم می باشد در صفحه ما load شود را در مرورگر کلاینت ایجاد می کند، وقتی کرالر یا همون خزنده برای خواندن مطالب ما می آید چیزی جز یک کانتینر خالی نخواهد دید.
پس در بخش CSR عملا SEO رو از دست خواهیم داد.
ولی این نکته رو هم باید در نظر گرفت همه بخش های پروژه ما قرار نیست ssr شود چون ماهیت ری اکت CSR بودن آن می باشد.
از این قابلیت باید فقط در جاهایی که نیاز داریم استفاده کنیم.
مثلا : بلاگ ، محصولات و …
رندر سمت سرور در React توسط Node Js انجام می شود و این فرایند هیچ ارتباطی به بک اند پروژه ندارد (بک اند می تواند هر چیزی باشد که کاملا بک اند و فرانت اند مستقل از هم هستند و فقط در مواقع نیاز باهم ارتباط می گیرند)
شاید سوال بشه که حالا باید با این موارد که گفته شد از آن استفاده کنیم یا خیر؟؟ به نظرم فقط در جایی که نیاز به سئو داریم باید استفاده کنیم ولی جاهای دیگری لزومی به استفاده ندارید.
کانال ما : ریاکت سورس