Shoreline typescript on VTEX IO Render

[matheusps]

Shoreline uses typescript 4+ features, that are not supported by the Render framework. This often causes problems and confusion in the link process. For a smoother development process, we recommend you disable type checking on the cloud (builder-hub) - leaving it to your text editor (or CI of your choice).

You can achieve this with:

1. Create a new file on the /react folder named build.config.js.
2. Enable the typescript.transpileOnly option:

module.exports = {
  typescript: {
    transpileOnly: true
  }
}

3. You're good to go! Develop your project as you normally would.

Using this config has a couple of implications:

1. You can use higher versions of typescript now (4+), so feel free to try new stuff 🎉.
2. The update process will be slightly faster since the type checking takes more time.
3. You will not receive type errors on the console.
4. Due to the lack of errors, the --unsafe option is not useful anymore.

Documentation link on the builder-hub.

[matheusps]

Shoreline is not optimized for render. Its optimal use is with NextJs > 12