Caveats & Troubleshooting

CSRF Token Mismatch

  • Cause: Usually caused by accessing the site via localhost instead of the mapped domain, or due to browser SameSite cookie policies.
  • Fix: Ensure your hosts file is correct and you are using test.youlearnt.co. Clear browser cookies if the issue persists.

Cache Persistence

  • LocalStorage: essentials (settings) are cached in localStorage. If you update backend settings (like adding a new language), you might need to clear localStorage or wait for the TTL (10 minutes) to see changes.

SSR Considerations

  • Many 3rd-party libraries (Firebase, ApexCharts, Quill, Plyr) are initialized as client-only plugins (.client.js). Avoid using them in server-side logic to prevent hydration errors.

Media Assets

  • Managed via @nuxt/image. Images should preferably be placed in assets/images and accessed using <nuxt-img>.

(Eng. Mahmoud should fill this part)