kali ini lagi coba membuat web menggunakan nextjs dan directus sebagai headless cms. tapi ada beberapa kendala seperti emoji tidak support.

berikut ini tips nya cukup mudah.

berikut ini struktur file directus

<Files
  title="Struktur file directus"
  data={[{
	"name": "my-project",
	"children": [{
			"name": ".env",
			"isHighlighted": true
		},
		{
			"name": "extensions",
			"children": []
		},
		{
			"name": "node_modules",
			"children": []
		},
		{
			"name": "package.json"
		},
		{
			"name": "package-lock.json"
		},
		{
			"name": "uploads",
			"children": []
		}
	]
}]}
/>

cukup edit dibagian file .env kemudian tambahkan 

```diff:.env {7}
# All DB_* environment variables are passed to the connection configuration of a Knex instance. 
# Based on your project's needs, you can extend the DB_* environment variables with any config 
# you need to pass to the database instance.

DB_USER=""
DB_PASSWORD=""
+ DB_CHARSET="utf8mb4"
```
kemudian save dan jalankan perintah
```
npx directus start
```


tada akhirnya bisa juga 

![](https://api.ridwan.id/assets/40cf7d33-1e5d-408f-96a2-712dfa07bb94)

kali ini lagi coba membuat web menggunakan nextjs dan directus sebagai headless cms. tapi ada beberapa kendala seperti emoji tidak support.

Menampilkan emoji pada Directus Headlesscms