React webpack PHP Landing is a sample landing page designed to run smoothly in a PHP environment, such as WordPress. When you run the build command, the app automatically converts the output HTML into a PHP-compatible format by merging the final HTML with your custom PHP code from public/index.php.
Make sure to follow these steps before running the build:
- Add your custom PHP code to the
public/index.phpfile. This could include WordPress-specific PHP or other server-side code. - Optimize your images for faster load times and smaller build size.
- Add
preloadattributes to<link>tags for better performance. - Use
deferorasyncin your<script>tags to improve loading speed.
Note: Large images may slow down the build process. It's best to use optimized or compressed image assets.
- Autoplay Sliders: Uses Swiper.js for animated, auto-playing content sliders.
- Go to Top Button: A button that scrolls back to the top of the page easily.
- PHP Integration: The output is converted to
index.php, and your original PHP code is included automatically. - Mobile Responsive: Layout adjusts to fit phones, tablets, and desktops.
- Build Optimization: The output is minified and cleaned, with unused files removed.
- React: For building the user interface.
- Swiper: For sliders and carousel features.
- Tailwind CSS 3: For utility-based responsive styling.
- webpack: For bundling JavaScript and optimizing the build.
- Images: Courtesy of Bowling Tong
- Logo: Designed by Mr. D
This project is complete and no longer actively maintained. It is available for reference, experimentation, or educational purposes.
This project is licensed under the MIT License. You are free to use, modify, and share the code for personal or commercial projects, but attribution is appreciated.
Note: Please do not reuse the included images or logo, as they are personal or licensed assets and not covered by the MIT license.