Créez un site open source gratuitement

Avec Web.mvc

par Danny Waser | 24 avril 2020


None

Vous avez besoin d’un site Internet gratuitement? Vous avez quelques connaissances en développement web ou désirez apprendre ? Vous êtes au bon endroit.

Web.mvc est un outil de création de site Internet facile, rapide et surtout open source. Cela signifie que vous pouvez commencer dès à present à créer votre site gratuitement en utilisant la version Source de Web.mvc.

Découvrez Web.mvc

Un créateur de site Internet révolutionnaire qui vous aide à publier votre contenu en quelques minutes tout en respectant vos données personnelles ainsi que celles de vos visiteurs.

En savoir plus

Obtenez la licence Web.mvc Source

Pour télécharger Web.mvc et débuter avec la création de votre site gratuit, il vous faut obtenir la licence gratuite Web.mvc Source.

Source

Cette licence vous autorise à obtenir, copier, modifier, utiliser et publier cette technologie pour votre usage personnel ou commercial.

Gratuit   Avancé

Payez avec votre temps

Cette licence gratuite et libre de droit (open source) vous permet de vous occuper vous-même de l'hébergement de votre site Internet. Vous avez la possibilité de modifier le code source de Web.mvc pour l'adapter à vos besoins ainsi que de redistribuer vos modifications sous la même licence (GNU GPL v3).

Notez que des compétences en programmation ainsi qu'en développement web peuvent être nécessaires.

Une fois que vous avez obtenu la licence Web.mvc Source, vous avez accès au code source de Web.mvc. A partir d’ici, vous pouvez commencer la création de votre site Internet.

Créez votre site

Pour démarrer la création d’un simple site, vous n’avez pas besoin de modifier le code source de Web.mvc. Il vous suffit de modifier le Thème Web.mvc de base pour débuter.

Vous trouverez le lien pour obtenir le thème dans le fichier README.md situé à la racine du code source de Web.mvc.

Commencez par cloner les fichier du thème sur votre espace de stockage local en utilisant le bouton « Télécharger » ou la commande git clone.

Créez un fichier .env et modifiez les variables qu’il contient.

cp .env.exemple .env

Installez direnv et autorisez le dossier racine du projet.

direnv allow .

Puis initialisez Web.mvc.

make env
make init

Voici la structure d’un thème.

Web.mvc Développement

Il s’agit d’une version allégée de Web.mvc pour le développement de votre thème. Cette version de Web.mvc est uniquement utilisée pour le développement et ne sera pas utilisée en production.

Thème

Ce dossier contient touts les fichiers de votre thème. Il est responsable de l’affichage des éléments de votre site. Toutes les modifications apportées seront utilisés avec la version de production de Web.mvc.

Fichiers de gestion

Ces fichiers servent à gérer votre thème. Pour lancer la version de développement du site ou créer la version de production, par exemple.

Modifiez le thème

Le thème Web.mvc de base n’est qu’un gabarit pour créer le vôtre. Il ne contient ni de mise en page ni, de style particulier. Il s’agit simplement d’une toile blanche pour débuter rapidement la création de votre thème personnalisé.

Pour modifier le thème, vous avez deux options.

Créez votre propre thème

Si vous vous sentez designer dans l’âme et que vous êtes habile avec HTML/CSS, vous pouvez créer votre propre thème avec Bootstrap 4 en partant des gabarits du thème pour créer votre design personnalisé.

Consultez la documentation de Bootstrap.

Adaptez un gabarit Bootstrap 4

L’autre option consiste à utiliser un pack de gabarit Bootstrap créé par de talentueux designers pour l’appliquer à votre site. Cette option est la plus simple et rapide car il suffit de trouver un pack de gabarit Bootstrap qui vous plaise et de l’adapter à votre thème Web.mvc.

Il existe de nombreuses sources de gabarits Bootstrap sur Internet. Certains sont payants d’autres gratuits.

Vous pouvez trouver de nombreux pack de gabarits Bootstrap gratuits sur le site de Colorlib. Si vous souhaitez enlever les droits d’auteurs affichés dans le pied de page, vous devrez acheter une licence unique pour votre site.

Testez votre thème

Si vous souhaitez tester votre thème, vous pouvez utiliser la commande suivante pour créer un serveur de développement local.

make server

Grâce à cette commande, vous avez créé une version développement de votre thème sur le port 8000 de votre réseau local localhost.

Ajoutez des pages, des articles ainsi toute sorte de contenu pour visualiser les effets de vos modifications.

Déployez votre site

Grâce à Docker, il est facile et rapide de lancer votre en site en production.

Pour commencer,  vous pouvez créer un serveur avec docker-compose en utilisant la commande suivante.

make compose

Si il s’agit de la première fois que vous créez votre serveur en utilisant docker-compose, vous devriez créer un compte administrateur.

docker-compose run web_mvc /web_mvc/manage.py createsuperuser

Alternativement, vous pouvez facilement déployer Web.mvc en utilisant Jelastic Cloud.

Commencez par créer une image Docker de votre thème. Il vous faudra un compte gratuit Docker Hub pour héberger votre image.

Changez les variables DOCKER_USER, DOCKER_PASSWORD du fichier .env avec les valeurs correspondantes à votre compte.

Puis publier votre image de thème.

make image

Installez Cloud.API et python-nginx dans votre environnent. Cela se chargera de gérer la base de données, le compte administrateur ainsi que de la configuration de NGINX.

source env/bin/activate
pip install git+https://gitlab.waser.tech/wasertech/cloud.api.git
pip install python-nginx

Créez un compte Jelastic Cloud en utilisant le fournisseur de votre choix. Vous pouvez tester Jelastic gratuitement avec Infomaniak.

Modifiez les variables API_PLATEFORME et API_TOKEN du fichier .env avec les valeurs correspondantes.

Finalement, dépoyez votre serveur Web.mvc sur votre Cloud Jelastic.

make jelastic

Conclusion

Il est très facile d’utiliser Web.mvc Source grace à ses raccourcis de commandes ainsi qu’aux excellentes documentations annexes au projet. Il vous faudra toutefois sûrement du temps pour pleinement maîtriser la technologie en fonction de votre niveau en développement web. Soyez patient et n’oubliez pas de lire la documentation annexe si vous ne comprenez pas un point.

Vous avez besoin d’un site rapidement ?

Utilisez Web.mvc Cloud et créez votre site en quelques minutes sans code en utilisant notre collection de thèmes.

Vous avez également accès à notre support clients ainsi que la possibilité de demander de nouvelles fonctionnalités.

Articles liés

None

Comment créer un site Internet

Avec Web.mvc

Vous avez besoin d'un site Internet rapidement ? Vous ne savez pas comment vous y prendre ? Grâce à Web.mvc vous avez la possibilité de créer facilement et rapidement votre site Internet.

None

Créez votre première page

Avec Web. mvc

Dans cette article, nous allons voir comment créer une page facilement, y ajoutez du contenu, le mettre en forme et le partager au monde entier.

None

Commencer un Blog de A à Z

Avec Web.mvc

Vous avez besoin d’un blog personnalisé et sécurisé rapidement ? Vous n’avez encore jamais créé de blog et vous ne savez pas trop comment vous y prendre ?