What's New?

We've rebuilt Natasun from the ground up. Here's what changed:

Framework & Core

• Next.js: 13 → 16 (App Router)

• React: 18 → 19

• TypeScript: 4.9 → 5.9 (with strict mode enabled)

• Prisma: 4 → 6

• Node.js: 22+ required

Architecture

• Migrated from Pages Router to App Router with Server Components and Server Actions

• Rewrote all JavaScript to TypeScript

• Dropped Redux entirely — state is now managed via React hooks and server state

• Replaced Auth0/Cognito/Firebase auth with Auth.js v5 (single, unified auth)

UI & Libraries

• MUI: v5 → v7

• TipTap: v2 → v3 (rich text editor)

• ApexCharts: v4 → v5

• Framer Motion: 9 → 12

• Replaced react-slick carousels with Embla Carousel

• Replaced Mapbox with open-source MapLibre GL

• Replaced Yup validation with Zod v4

• Replaced next-intl with i18next for internationalization

• Replaced Redux DnD with Atlassian Pragmatic DnD

• Self-hosted fonts via Fontsource (no more Google Fonts requests)

Marketplace

Added a complete digital marketplace — sellers can list products, buyers can purchase and download files, with invoicing and payment tracking built in.

Tooling

• ESLint: 8 → 9 (flat config)

• Prettier: 2 → 3

• New lint, format, and type-check scripts

Deployment

• Turbopack builds

Dashboard is no longer listening to themeStretch:

// in ./src/pages/dashboard this:
<Container maxWidth={themeStretch ? false : 'lg'}>
// was changed to:
<Container maxWidth="lg">

• Added: Auth, login with username and/or email, change password possibility.
• Added: Language popover on main layout, routing logic.
• Added: posts
• Added: photo upload solution to backend

• Added: an API server for our clients
• Added: Blog section while fetching data from wp-json

• Added: advertisement on home first component
• Added: advertisement on other pages footer
• Added: members menu to footer
• Fixed: team members (marketers) added to about us page
• Fixed: members page all members listed
• Update: photo for "For Designer" home section

• Added: site map (https://www.natasun.com/sitemap.xml)

Future plans:

• Adding: blog
• Adding: SEO optimizer
• Adding: management team should look like members team
• Fixing: contact page in dashboard
• Fixing: IP info
• Fixing: Users social contact Yup
• Fixing: [username] page should use getServerStaticProps

Added: members page filter

Added: management team section in about us page

Added: contact us form

Added: FAQs page

Fixed: User Login through Twitter

Added: Twitter and Google providers

Fixed: some minor bugs

Added: User auth system

Added: User auth system through Google and Github providers

Added: Servers/Clients in dashboard

Added Users List

Moved our website out from Laravel PHP to React JavaScript 🚀

*This update never happened due to our language code switch

System:

• Blog comments
• Todo System
• Chat system
• Email system
• User busy/invicible status
• Updating post slugs

User profile/dashboard:

• user comments section
• user history and profession timeline
• specify real role (client or artist)
• online exhibition
• choose city based on country
• add YouTube social link
• user should be able to select currency
• users should be fill their info in different languages

bugs:

• menu is not opening on user page (responsive version)
• Can't update blog categories.

1. How we defined a super admin:

we added this lines:

    Gate::before(function ($user, $ability) {

      return $user->hasRole('Admin') ? true : null;

    });

to /AuthServiceProvider.php Boot function.

2. Adding new languages.

in order to add new languages you need to do four steps, Natasun is using 2 packages, plus one custom package, and also yu need to copy paste some files.

• first you need to go to languages in Admin dashboard and create your language there.
• second, you need to go to config/laravellocalization file and add your language there, this will let you add urls in end of each url (ex: natasun.com/fr)
• third, you need to go to config/translatable file and add your language there, this will let you translate datas in translation databases. (tutorial)
• fourth, you need to go to resources/lang folder, and create your language there, you can also copy paste it from English in order to make it ready to translate words.

• Added: new roles (photographer, videographer, designer, webdesigner, painter, model, client, admin)
• Added: choosing role in registration, and user profile settings. (Registeration model, and controller, and view blade)
• Added: role restrictation for fashion models:

1. Created the name on /app/Http/Kernel.php
2. Created the file /app/Http/Middleware/RoleModel.php
3. Added specific pages under in web.php -> Route::group(['middleware' => 'rolemodel'], function() {

• Fixed: Blogs search is not searching amoung other languages, only English.

• Added: Blog posts are now available for users
• Added: Bulk Upload for images
• Added: Social login (facebook/twitter/google)
• Added: Google one tap login
• Added: Welcome SMS for manual registration
• Added: Notification system
• Added: Backup manager system (Admin area)
• Added: SMS system (Admin Area)
• Added: Last_seen sorting in members page (Query.php / Members blade)
•  Verificationbadge sorting in members page (Query.php / Members blade)
•  Gender sorting in members page (Query.php / Members blade)
• Fixed: Account remove was not working
• Fixed: Timezone selector
• Fixed: Slug is not automatically generated from title for creating/updating posts (1402 + 1474 AdminController) related to Translator Package
• Fixed: some CSS issue on RTL image show page

• Added: PWA app system
• Added: darkmode for mobile
• Added: RTL version (beta)
• Added: French and Persian language (beta)
• Added: Iranian date on Persian language (thanks natasun.ir)
• Added: Timezone selector on registration page
• Added: Timezone detector through guest ip if he is not logged in.
• Added: Auto daily backup feature in Admin area.
• Added: User is be able to select timezone
• Added: Users' names/bios/quotes are now translated to their default language through google translator.
• Added: Pages are now multilingual
• Added: Translatable function for website title / description / welcome_text / welcome_subtitle / keywords / twitter / facebook / linkedin / instagram / currency_position / currency_symbol / currency_code / watermark / logo / logowhite
• Added: Translatable function for categories
• Added: Blog categories
• Added: Blog status function
• Added: Translatable function for posts categories
• Added: Translatable function for blog
• Added: Only show published posts (where('status', 'published'))
• Fixed: darkmode is not cached (Storage)
• Fixed: menu items active status problem on mobile devices
• Fixed: reported images problem
• Fixed: user biography field character limitation (UserController)
• Fixed: header color on mobile devices
• Fixed: saving dates in UTC through Carbon/Carbon
• Fixed: auto backup buttons issue
• Fixed: User profile showing problem
• Fixed: reset password view blade style problem
• Fixed: PWA icon background is black on IOS devices
• Fixed: Spams on registration through cloudflare rules.
• Fixed: Can't upload profile pic/cover pic on different languages.
• Fixed: Can't add categories
• Fixed: Blog category is not storing category color.

• Added: blog section
• Added: crypto withdrawal option
• Added: user online status
• Added: user last seen date
• Added: verification request system
• Added: Instagram widget in user profile
• Added: user age in user profile
• Fixed: user profile link clipboard issue

Moving from a simple WordPress website to Laravel PHP, multi vendor withuser/admin UI dashboard.

Customized our wordPress theme.

• Added: our team page
• comments on posts

Started our website on WordPress free template 🐣