Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 20 additions & 5 deletions docs/developer-docs/latest/development/admin-customization.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,6 @@ To extend this package you will have to create an `admin` folder at the root of

In this folder you will be able to override admin files and functions.


## Customization options

The administration panel can be customized according to your needs, so you can make it reflect your identity.
Expand Down Expand Up @@ -44,11 +43,28 @@ The panel will be available through [http://localhost:1337/dashboard](http://loc

To enable the front-end development mode you need to start your application using the `--watch-admin` flag.

<code-group>

<code-block title="YARN">

```bash
cd my-app
yarn develop -- --watch-admin
```

</code-block>

<code-block title="NPM">

```bash
cd my-app
strapi develop --watch-admin
npm run develop -- --watch-admin
```

</code-block>

</code-group>

With this option you can do the following:

#### Customize the `strapi-admin` package
Expand Down Expand Up @@ -181,8 +197,8 @@ module.exports = ({ env }) => ({
host: env('HOST', '0.0.0.0'),
port: env.int('PORT', 1337),
admin: {
host: 'my-host', // only used along with `strapi develop --watch-admin` command
port: 3000, // only used along with `strapi develop --watch-admin` command
host: 'my-host', // only used along with the `npm run/yarn develop -- --watch-admin` commands
port: 3000, // only used along with `npm run/yarn develop -- --watch-admin` commands
},
});
```
Expand All @@ -191,7 +207,6 @@ module.exports = ({ env }) => ({

To build the administration, run the following command from the root directory of your project.


<code-group>

<code-block title="NPM">
Expand Down
2 changes: 1 addition & 1 deletion docs/developer-docs/latest/guides/custom-admin.md
Original file line number Diff line number Diff line change
Expand Up @@ -102,7 +102,7 @@ To be able to see the update, you will need to have a Content Type that has a `d

Then you will have to investigate into the [`strapi-plugin-content-manager`](https://github.com/strapi/strapi/tree/master/packages/strapi-plugin-content-manager) package to find the file that is used to format the date for the list view.

Here is the [Row component](https://github.com/strapi/strapi/blob/master/packages/strapi-plugin-content-manager/admin/src/components/CustomTable/Row.js) which requires a [dedicated file](https://github.com/strapi/strapi/blob/master/packages/strapi-plugin-content-manager/admin/src/utils/dateFormats.js) to modify the date display.
Here is the [Row component](https://github.com/strapi/strapi/blob/v3.6.10/packages/strapi-plugin-content-manager/admin/src/components/CustomTable/Row/index.js) which requires a [dedicated file](https://github.com/strapi/strapi/blob/v3.6.10/packages/strapi-plugin-content-manager/admin/src/utils/dateFormats.js) to modify the date display.

### Eject the file

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -114,9 +114,7 @@ module.exports = ({ env }) => ({
username: env('DATABASE_USERNAME', 'strapi'),
password: env('DATABASE_PASSWORD', 'strapi'),
schema: env('DATABASE_SCHEMA', 'public'), // Not Required
ssl: {
rejectUnauthorized: env.bool('DATABASE_SSL_SELF', false), // For self-signed certificates
},
ssl: false,
},
options: {},
},
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -171,7 +171,7 @@ yarn add pg

[Google App Engine requires](https://cloud.google.com/sql/docs/postgres/connect-app-engine) to connect to the database using the unix socket path, not an IP and port.

Edit `database.js`, and use the socket path as `socketPath`.
Edit `database.js`, and use the socket path as `socketPath` for a MySQL database or as `host` for a PostgreSQL database.

`Path: ./config/env/production/database.js`.

Expand All @@ -183,7 +183,8 @@ module.exports = ({ env }) => ({
connector: 'bookshelf',
settings: {
client: 'postgres',
socketPath: `/cloudsql/${env('INSTANCE_CONNECTION_NAME')}`,
host: `/cloudsql/${env('INSTANCE_CONNECTION_NAME')}`, // for a MySQL database
// ⚠️ For a PostgreSQL database, use socketPath: `/cloudsql/${env('INSTANCE_CONNECTION_NAME')}` instead
database: env('DATABASE_NAME'),
username: env('DATABASE_USERNAME'),
password: env('DATABASE_PASSWORD'),
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -451,3 +451,7 @@ Dynamic zones are a combination of components that can be added to content-types
::::

After configuring the settings of the dynamic zone, its components must be configured as well. It is possible to either choose an existing component or create a new one.

::: caution
When using dynamic zones, different components cannot have the same field name with different types (or with enumeration fields, different values).
:::