next.js - structure de répertoire du site exporté

en espérant qu'un magicien Next.js puisse m'aider, ou du moins me dire franchement si ce n'est pas possible.

Nous avons un site qui est compilé dans des fichiers statiques. Ceux-ci seront desservis à partir de S3.

Lorsque j'exécute next export, tout se construit correctement, mais j'avais espéré pouvoir accéder directement aux sous-pages sans ajouter l'extension.html. J'ai supposé (à tort) que les pages suivantes étaient construites dans des répertoires et j'ai déposé un index.html dans ce répertoire.

La configuration côté développement est assez simple. Chaque composant a un répertoire, par exemple "some-component", avec un index.js qui exporte le composant nommé à partir d'un fichier adjacent comme "some-component.js".

Tout cela fonctionne si je commence à la racine du site - je peux naviguer vers, par exemple, /components/some-component sans me soucier de l'extension.

Next a créé un some-componentrépertoire, mais le fichier à l'intérieur s'appelle toujours some-component.html. Donc, si je clique sur cette URL depuis le navigateur, il s'agit évidemment de 404.

Existe-t-il un moyen d'obtenir ensuite des fichiers index.html dans les répertoires, afin que la navigation directe dans le répertoire (essayez de le dire après un verre) fonctionne ? Ou suis-je en train d'aboyer le mauvais arbre?

Je sais qu'il existe d'autres solutions à cela, en particulier pour s3, mais j'ai pensé que cela valait la peine de poser des questions.

Acclamations!


Solution du problème

Next.js a un trailingSlashparamètre qui devrait fonctionner pour vous :

// next.config.js
module.exports = {
 trailingSlash: true,
}

Lorsque ce paramètre est true, et en utilisant quelque chose comme ./pages/products/shoes.jsxcomme exemple, un répertoire nommé d'après le .jsxfichier ( shoes) est créé et ce .jsxfichier devient alors un index.htmlfichier à l'intérieur de ce répertoire, c'est-à-dire href="/products/shoes/". Votre serveur enverra ce chemin index.html(ou peut être configuré s'il ne le fait pas déjà) même s'il index.htmln'est pas spécifié dans le fichier href.

Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

La fonction GCP Cloud pour écrire des données dans BigQuery s'exécute avec succès, mais les données n'apparaissent pas dans la table BigQuery

Image
J'exécute la fonction cloud suivante. Il s'exécute avec succès et indique que les données ont été chargées dans la table. Mais lorsque j'interroge BigQuery, aucune donnée n'a été ajoutée. Je ne reçois aucune erreur et aucune indication que cela ne fonctionne pas. from google.cloud import bigquery import pandas as pd def download_data(event, context): df = pd.read_csv('https://covid.ourworldindata.org/data/ecdc/full_data.csv') # Create an empty list Row_list =[] # Iterate over each row for index, rows in df.iterrows(): # Create list for the current row my_list =[rows.date, rows.location, rows.new_cases, rows.new_deaths, rows.total_cases, rows.total_deaths] #print(my_list) # append the list to the final list Row_list.append(my_list) ## Get Biq Query Set up client = bigquery.Client() table_id = "<project_name>.raw.daily_load" table = client.get_table(table_id) print(client) print(table_id) print(table) errors = client.insert_rows(...
Lire la suite

Erreur Symfony : "Une exception a été levée lors du rendu d'un modèle"

j'essaie d'inclure <link href="{{ asset('css/mystyle.css') }}" rel="stylesheet"/> dans mon fichier twig et le rendre. Mais cela me donne une exception PHP non interceptée Twig_Error_Runtime : "Une exception a été levée lors du rendu d'un modèle ("Le fichier manifeste de l'actif "/../public/build/manifest.json" n'existe pas.") ça marche quand j'utilise link href="css/mystyle.css" rel="stylesheet"/> . Voici mon contrôleur: <?php namespace App\Controller; use Symfony\Component\Routing\Annotation\Route; use Symfony\Bundle\FrameworkBundle\Controller\AbstractController; use Symfony\Component\HttpFoundation\Response; class WelcomeController extends AbstractController { /** * @Route("/", name="welcome") */ public function index() { return $this->render('welcome/index.html.twig'); } } Voici mon modèle de brindille : <!doctype html> ...
Lire la suite

Le shell POSIX (sh) redirige stderr vers stdout et capture stderr et stdout dans des variables

Je voudrais rediriger stderr vers stdout afin qu'un terminal les imprime tous les deux lors de l'exécution d'une commande, mais je voudrais également les capturer tous les deux dans des variables distinctes. J'ai réussi à y parvenir dans Bash (version 4.4.20(1)-release): #!/bin/bash echo "terminal:" { err="$(find / -maxdepth 2 -iname 'tmp' -type d 2>&1 1>&3 3>&- | tee /dev/stderr)"; ec="$?"; } 3>&1 | tee /dev/fd/4 2>&1; out=$(cat /dev/fd/4) echo "stdout:" && echo "$out" echo "stderr:" && echo "$err" cela donne souhaité: terminal: find: '/root': Permission denied /tmp /var/tmp find: '/lost+found': Permission denied stdout: /tmp /var/tmp stderr: find: '/root': Permission denied find: '/lost+found': Permission denied mais j'ai un problème pour convertir ce script en POSIX sh /bin/sh #!/bin/sh echo "term...
Lire la suite