This diagram illustrates the wiring for a circuit with gfci receptacles followed by an unprotected light and switch. The light switch is connected directly to the source and the load terminals on the gfci are not used.
Use this wiring when the source is at the fixture and you want to control the feed to both components with the same switch. Three-wire cable runs from the fan to the switch box and the source neutral is spliced to the white wire and to the fan neutral.
This page contains wiring diagrams for ground fault circuit interrupter (gfci) receptacles. Included are diagrams for multiple gfci’s, a protected standard duplex receptacle, and a protected light fixture. Wiring for a switch and gfci receptacle in the same box is also shown to protect the switch and light or to protect other receptacles in the circuit. To wire a gfci circuit breaker see this link and wire a gfci switch combo at this link.
This diagram is similar to the one above, but with the electrical source originating at the fixture. Three-wire cable runs from there to the controllers. The neutral wire from the source is spliced directly to the white wire on the fan/light. The hot source wire is spliced to the white on the 3-wire cable and then spliced to the input wires on both controllers at the other end.