Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
app
 
 
log
 
 
 
 
www
 
 
 
 
 
 
 
 
 
 

README.md

Nette Framework 3.0 + Webpack 4

This is just for education.

There is a simple example of Nette Framework with jQuery 3, bootstrap 4 and Naja. Naja is modern ES6-like library for Nette snippets ajaxification.

These assets are compiled and bundled together with Webpack.

Requirements

  • Nette 3.0+
  • PHP 7.3+

Development

  • git clone https://github.com/trainit/2018-03-nette-webpack.git
  • cp app/config/config.local.neon.dist app/config/config.local.neon
  • composer install
  • npm install
  • npm run dev
  • php -S 0.0.0.0:8000 -t www

Deployment

  • npm run build

Features

  • πŸ‘ Nette 3.0
  • πŸ‘ Webpack configuration
    • πŸŽ‰ extracting JS to single bundle
    • πŸŽ‰ extracting CSS to single file
    • πŸŽ‰ more bundles (front/admin/vendor)
  • πŸ‘ Snippets
    • πŸŽ‰ few snippets
  • πŸ‘ Nette Form
    • πŸŽ‰ AJAX submitting
    • πŸŽ‰ form builder
      • empty value on control (@ in email)
      • validation rules (filled + email)
      • simple filter (transform email to lowercase)
      • onValidate / onSubmit / onSuccess
    • πŸŽ‰ manual rendering
      • success snippet / error snippet
      • required class on form-group
      • description on control

Roadmap

  • ❓ pure sendPayload method
  • ❓ dynamic snippets ( + snippetArea )
  • ❓ Vue.js component

Result

Webpack

Webpack

PHP Development Server

PHP

Browser

Web

About

🎁 Webpack 4 project skeleton based on Nette Framework (@nette) and Contributte (@contributte) libraries by @f3l1x. by @f3l1x.

Topics

Resources

License

Releases

No releases published

Packages

No packages published